Confetti

Confetti animations are best used to delight your users when something special happens.

Library

Magic UI

Framework

React

Type

ui

License

MIT

Dependencies

@types/canvas-confetti, canvas-confetti

Install

npx shadcn@latest add @magicui/confetti

Files

• apps/www/registry/magicui/confetti.tsx
• apps/www/components/ui/button.tsx

Source

https://github.com/magicuidesign/magicui

Categories

• Confetti Components
• React Confetti Components
• Tailwind CSS Confetti Components
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• shadcn/ui Effect Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components

More from Magic UI

• Cool Mode
• Android
• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Theme Toggler
• Aurora Text
• Avatar Circles
• Backlight