Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-cherryblossom

shuheitagawa17MIT0.1.2

A Cherryblossom Effect component for React 🌸

cherryblossom, blossom, react, spring, seasonal, japan, flower, animation

readme

react-cherryblossom

A Cherryblossom component for React.

Live Demo : https://shuhei-tagawa.github.io/react-cherryblossom/

Getting Started

Installation

$ npm install --save react-cherryblossom

Usage

import React, { Component } from 'react';
import Cherryblossom from 'react-cherryblossom';

class MyComponent extends Component {
    render(){
        return (
            <Cherryblossom />
        )
    }
}

Default Options

Argument Type Default Value Description
amount Number 80 Amount of cherryblossom petals.
size Number 12 Size of cherryblossom petals (px).
velocity Number 1.5 Vertical speed for X.
windforce Number 2 Horizontal wind power.
rolling Number 2 Rolling speed for Y.
zindex Number auto Specifies the stack order of the canvas layer.