https://github.com/robsd/js-snowflakes

A JavaScript wrapper for PavelTheCoder's CSSnowflakes to activate on demand and control the amount.
https://github.com/robsd/js-snowflakes

bootstrap bootstrap5 css css-effects css3 cssnowflakes effects html html5 javascript js snow snowflakes snowstorm website website-effects wrapper

Last synced: about 1 month ago
JSON representation

A JavaScript wrapper for PavelTheCoder's CSSnowflakes to activate on demand and control the amount.

• Host: GitHub
• URL: https://github.com/robsd/js-snowflakes
• Owner: robsd
• License: mit
• Created: 2022-12-31T14:11:21.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-03T21:56:56.000Z (about 3 years ago)
• Last Synced: 2025-06-04T00:26:39.202Z (about 1 year ago)
• Topics: bootstrap, bootstrap5, css, css-effects, css3, cssnowflakes, effects, html, html5, javascript, js, snow, snowflakes, snowstorm, website, website-effects, wrapper
• Language: HTML
• Homepage: https://robsd.github.io/js-snowflakes
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# js-snowflakes ❄️

A JavaScript wrapper for [PavelTheCoder](https://github.com/pajasevi)'s [CSSnowflakes](https://github.com/pajasevi/CSSnowflakes) to activate on demand and control the amount.

## How to use

1. Import the **css/style.css** and **js/script.js**.

2. Call the `snowstorm(X);` function in your own script or assign it to a button with `onclick="snowstorm(X);"` replacing X with how many snowflakes you want.

**Note**: There are 2 styles of snowflake used for each iteration `❅` and `❆`.

## Bonus tip

Combine it with my [countdown script](https://github.com/robsd/js-countdown) and have it snow (virtually) on the 25th!

See my [christmas countdown](https://github.com/robsd/js-christmas-countdown) or [advent calendar](https://github.com/robsd/js-advent-calendar) scripts for an example.

## Demo

https://robsd.github.io/js-snowflakes

## Support my work

If you like this repo or used any of the code, please star ⭐ it and consider supporting me below...

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/F1F34TIDQ)