About Confetti Show
MORE FRAMER COMPONENTS LIKE THIS
✦ Browse +38 FREE + 85 premium components: https://frameze.com/components
✦ Background Bundle: https://frameze.com/components/category/background?ref=bundles
ConfettiShow is a high-performance canvas-based confetti system built to bring energy, motion, and celebration to any Framer project. Rendered entirely on an HTML canvas with requestAnimationFrame, it delivers smooth, fluid animation without touching the DOM for each particle, keeping performance consistent even at high particle counts.
Every piece of confetti is generated with full 3D tumble physics. Each particle carries independent rotation values across all three axes, and a foreshortening technique — scaling width and height by the cosine of each rotation angle — simulates realistic depth as pieces spin and flip in space. The result is a convincing three-dimensional motion system without the overhead of WebGL.
Live Preview: https://confettishow.framer.website/
What's Included
ConfettiShow component file ready to paste into any Framer project
3 emission modes: Rain, Burst, and Cannon
9 particle shapes: Rectangle, Square, Diamond, Circle, Oval, Sparkle Star, 5-Point Star, Heart, Lightning Bolt
7 color presets: Custom, Pastel, Neon, Gold, Pride, Christmas, Monochrome
4 gravity directions for Rain mode: Down, Up, Left, Right
Full physics controls: Fall Speed, Gravity, Wind, Turbulence, Rotation Speed
Use Cases
SaaS onboarding flows & account activation success screens
E-commerce order confirmation & purchase celebration moments
Gamification systems & achievement unlocked interactions
Contest, giveaway & sweepstakes winner announcement pages
New Year, holiday & seasonal campaign landing pages
Product launch countdowns & go-live celebration screens
Form submission success & lead capture thank-you pages
Mobile app milestone & streak reward moments
Keywords
confetti, confetti animation, canvas confetti, particle animation, celebration animation, confetti component, 3D confetti
