https://github.com/zachleat/snow-fall
A web component to add snow to your web site (or to an element on your web site).
https://github.com/zachleat/snow-fall
Last synced: about 1 year ago
JSON representation
A web component to add snow to your web site (or to an element on your web site).
- Host: GitHub
- URL: https://github.com/zachleat/snow-fall
- Owner: zachleat
- License: mit
- Created: 2023-12-15T13:59:41.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-17T21:52:33.000Z (over 1 year ago)
- Last Synced: 2025-03-28T04:14:02.685Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://zachleat.github.io/snow-fall/demo.html
- Size: 15.6 KB
- Stars: 133
- Watchers: 6
- Forks: 6
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ``
A web component to add snow to your web site (or to an element on your web site). Based off of [this Codepen](https://codepen.io/alphardex/pen/dyPorwJ) from [`alphardex`](https://codepen.io/alphardex).
* [Demo](https://zachleat.github.io/snow-fall/demo.html)
* [Related blog post](https://www.zachleat.com/web/snow-fall/)
## Usage
```html
```
Installable from npm:
```
npm install @zachleat/snow-fall
```
### Use text content instead
_Added in v1.0.3_
```html
```
### Use with ``
This is best used with [``](https://www.zachleat.com/web/is-land/) to respect user preferences for reduced motion:
```html
```
### Change the snow color
```html
```
### Change the number of snowflakes
```html
```
### Change the size of the snowflakes
_Added in v1.0.2_
```html
```
### Force the rendering mode (page/element)
_You probably don’t need this._
```html
```