Confetti Components

Dev Design Library indexes 9 confetti components from 8 open-source UI libraries, with the most coming from Magic UI, transitions.dev, Kinetics, Animations (Svelte) and Badtz UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Confetti components belong to the Effects group.

• ConfettiMagic UI · ReactConfetti animations are best used to delight your users when something special happens
• Confetti Bursttransitions.dev · HTML/CSSBurst of confetti fired from an element, for celebrating a success.
• Button 30 - ConfettiShadcn Space · ReactCelebration button that fires a confetti burst from the button and springs on click
• Confetti BurstKinetics · HTML/CSSRadially-distributed particles with randomized arc and spin
• Cool ModeAnimations (Svelte) · SvelteAdd a fun particle effect that follows mouse interactions, with support for emojis, images, and custom shapes.
• Confetti ButtonBadtz UI · ReactA fun and interactive button that triggers a confetti explosion effect on click.
• Confetti ButtonUI Lab · ReactA click pops confetti; hold it and the fuse burns until the whole thing blows.
• ConfettiVelora UI · ReactDependency-free confetti burst, fired from anywhere.
• Cool ModeMagic UI · ReactCool mode effect for buttons, links, and other DOMs

Libraries with confetti components

• Magic UI
• transitions.dev
• Kinetics
• Animations (Svelte)
• Badtz UI

Related categories

• React Confetti Components
• Tailwind CSS Confetti Components
• Effect Components
• Image Effect Components
• Transition Components
• Marquee Components
• Cursor Effect Components
• Mask Effect Components
• Reveal Wrapper Components
• Border Effect Components
• Glow Effect Components
• Spotlight Effect Components
• Tilt Effect Components
• Blur Overlay Components
• Ripple Components