@cahil/snowfalldeprecated

A react component that creates a snowfall effect

Usage no npm install needed!

<script type="module">
  import cahilSnowfall from 'https://cdn.skypack.dev/@cahil/snowfall';
</script>

README

Snowfall Demo

Snowfall

Conventional Commits

A react component that creates a snowfall effect

Installation

With npm

npm i @cahil/snowfall

Or with yarn

yarn add @cahil/snowfall

Usage

Basic usage requires no properties and will take match the size of the parent element.

import React from 'react'
import ReactDOM from 'react-dom'
import Snowfall from '@cahil/snowfall'

ReactDOM.render(
  <div style={{ height: 400, width: 400, background: '#282c34' }}>
    <Snowfall />
  </div>,
  document.querySelector('#app')
)

Configuration

An optional color, style, and snowflakeCount property can be passed in to the component.

<Snowfall
  // Changes the snowflake color
  color="red"
  // Applied to the canvas element
  style={{ background: '#fff' }}
  // Controls the number of snowflakes that are created (default 150)
  snowflakeCount={200}
/>