magic-snowflakes

❄️☃️🎄 Falling snowflakes
==================

Details

- Only one JavaScript file
- CSS Animation
- Rubber design
- Flexible settings

Examples

- 🔍 Constructor: change settings and copy code for your site
- 🎲 3D Cube
- ❄ Simple
- 🎨 Multicolor
- 🐘 Big
- 🍋 Blend mode
- 🪟 Layer
- 🏠 Some layers
- 💛 Own kind
- 🗻Own z-index

See details

Using

``
npm i magic-snowflakes --save-dev
`

$3


Paste anywhere in your page's HTML:
`html

`

$3

`html


...




`

$3

`html

`

$3

`js
import Snowflakes from 'magic-snowflakes';
const snowflakes = new Snowflakes();
// ...
snowflakes.stop();
// ...
snowflakes.start();
// ...
snowflakes.destroy();
`

API

`js
import Snowflakes from 'magic-snowflakes';
const snowflakes = new Snowflakes();
`

$3

Start CSS Animation.

$3

Stop CSS Animation.

$3

Show snowflakes.

$3

Hide snowflakes.

$3

Resize snowflakes.

$3

Destroy the instance of snowflakes.

Different Builds

In the dist/ directory of the NPM package you will find many different builds of snowflakes.js.

|Type |Filename |Description |
|-----------------------|-------------------------|--------------------|
|Full (UMD) |snowflakes.js | |
|Full (UMD, production) |snowflakes.min.js | |
|Full auto |snowflakes.auto.js | Without API |
|Full auto (production) |snowflakes.auto.min.js | Without API |
|ES6 or Typescript |snowflakes.esm.js | |
|Light (UMD) |snowflakes.light.js | Without SVG images |
|Light (UMD, production)|snowflakes.light.min.js| Without SVG images |




Development


`
git clone git@github.com:hcodes/snowflakes.git ./snowflakes
cd ./snowflakes

npm i
npm run build
npm test

open ./examples/
``

License

MIT License

Friends

- Check device online