Skip to content

nouakun/ambient-cbg-ts

Repository files navigation

React Ambient Canvas Backgrounds

The main project crnacura/ambient-cbg.

I just re-implemented the components to make it support typescript and work with the latest reactjs.


git s

This module is React adaptation of crnacura/AmbientCanvasBackgrounds project with additional code refactoring and improvements.

Check the example web application.

Installation

$ npm install ambient-cbg-ts

OR using yarn

$ yarn add ambient-cbg-ts

Usage

Example:

// App.js
import React, {Component} from 'react';
import './App.css';

import {Pipline} from 'ambient-cbg-ts'

class App extends Component {
    render() {
        return (
            <div className="App">
                <Pipline/>
                <h1>Hello, World!</h1>
            </div>
        );
    }
}

export default App;

API

Property Description Type Default Version
backgroundColor Change the canvas background-color. string (e.g. #fff) hsla(150,80%,1%,1) 1.1.0
styles Change the canvas default styles. CSSProperties {....} 1.1.0

License

This project is licensed under the conditions of the MIT software license, see LICENSE file for more details.

About

Animated canvas backgrounds in React.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published