Falling snowflakes
==================
[](https://www.npmjs.com/package/magic-snowflakes)
[](https://www.npmjs.org/package/magic-snowflakes)
[](https://david-dm.org/hcodes/snowflakes)
[](https://travis-ci.org/hcodes/snowflakes)
## Details
- Only one JavaScript file (8 KB, GZIP)
- CSS Animation
- Rubber design
- Flexible settings
## Examples
- [Demo](https://hcodes.github.io/demo-snowflakes/)
- [Simple](https://hcodes.github.io/snowflakes/examples/simple.html)
- [Big](https://hcodes.github.io/snowflakes/examples/big.html)
- [Increased speed](https://hcodes.github.io/snowflakes/examples/increased_speed.html)
- [Layer](https://hcodes.github.io/snowflakes/examples/layer.html)
- [Own color](https://hcodes.github.io/snowflakes/examples/color.html)
- [Own kind](https://hcodes.github.io/snowflakes/examples/balls.html)
- [Own z-index](https://hcodes.github.io/snowflakes/examples/z-index.html)
- [start() and stop()](https://hcodes.github.io/snowflakes/examples/start_stop.html)
- [Without wind](https://hcodes.github.io/snowflakes/examples/without_wind.html)
[See details](https://github.com/hcodes/snowflakes/tree/master/examples)
## Using
```
npm i magic-snowflakes --save-dev
```
or
```
yarn add magic-snowflakes
```
### Without settings
```html
...
```
or
```js
'use strict';
const Snowflakes = require('magic-snowflakes');
Snowflakes();
```
### Advanced settings
```html
```
## Different Builds
In the `dist/` directory of [the NPM package](https://unpkg.com/magic-snowflakes/dist/) you will find many different builds of snowflakes.js.
|Type |Filename |Description |
|------------------|-------------------------|------------------|
|Full |`snowflakes.js` | |
|Full (production) |`snowflakes.min.js` | |
|Light |`snowflakes.light.js` |Without SVG images|
|Light (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 ./dev-examples/
```
## [License](LICENSE)
MIT License