Let It Snow

Drop in animated <Snow/> for React

Oh, the weather outside is frightful
But the fire is so delightful

Demo

https://codepen.io/agensjono/pen/gbqeD

Install

npm install let-it-snow

Usage

import React from 'react';
import Snow from 'let-it-snow';

<div style={{ position:'relative' }}><Snow /></div>

The parent container of <Snow /> must have position: relative style applied (otherwise the snow may break its container).

Can be used standalone, over an image or behind content. Different positions can be achieved either by correct placement in the DOM tree or by using z-index.

Credit

Props to Jonathan Ekström whose original CodePen creation inspired this component.