React-Christmas-Snowfall 🎅

This plugin adds Christmas snowfall effects to any website. Live Demo

👨‍💻 Installation

npm i react-christmas-snowfall 

Next, add ChristmasSnowfall component to your page and include react-christmas-snowfall.css

import { ChristmasSnowfall } from 'react-christmas-snowfall'
import 'react-christmas-snowfall/dist/assets/react-christmas-snowfall.css'

import styles from './App.module.css';

function App() {
  return (
    <div className={styles.page}>
      <ChristmasSnowfall />
    </div>
  )
}

export default App

💻 React-Christmas-Snowfall Props

For more flexible configuration, you can use the following props:

| Props | Required | Description | |-----------|----------|-------------| | snowflakeCount | ❌ | Number of snowflakes on the screen | | wind | ❌ | Wind direction | | size | ❌ | Snowflake size | | speed | ❌ | The speed of snowflakes falling | | color | ❌ | The color of snowflakes | | appearance | ❌ | Type of snowflake. CIRCLE or SNOWFLAKE |