What this generates
This page generates falling, rotating confetti piece CSS. Each.confetti piece animates from above the viewport to below it while rotating 720 degrees, with nth-child rules cycling through your chosen colors.
Change the fields above and the output updates live -- copy it once you're happy with the result.
Related tools
See the CSS Ripple Click Effect Generator for a related effect.
Frequently Asked Questions (FAQ)
What does this generator actually output?
It generates falling, rotating confetti piece CSS. Each.confetti piece animates from above the viewport to below it while rotating 720 degrees, with nth-child rules cycling through your chosen colors.
Does this send anything to a server?
No. The snippet is built in your browser from the fields you fill in. Nothing is uploaded, logged, or sent anywhere.
Can I use this output directly in production CSS?
Yes -- copy the output into your stylesheet or component. Adjust class names and selectors to match your project's naming, since the generated selectors are generic placeholders.
