CSS Confetti Generator
Generate pure CSS confetti animation effects with configurable particle count, colors, duration, and spread. Creates ready-to-use CSS keyframes and HTML markup.
How to Use CSS Confetti Generator
Set particle count (5-50), animation duration, colors (comma-separated hex values), and spread height. Click Generate to create CSS keyframe animation code with matching HTML markup for a confetti effect.
Step-by-Step Instructions
- Set particle count and duration
- Enter colors as comma-separated hex values
- Set spread height in pixels
- Click Generate Confetti and copy code
Related Tools
Color Picker
Pick colors and get HEX, RGB, and HSL values simultaneously.
Gradient Generator
Create CSS linear and radial gradients with live preview.
Palette Generator
Generate 5 complementary colors from any base color.
Image to Base64 Converter
Convert PNG, JPEG, GIF, WEBP, and SVG images to Base64 strings.