Canvas Celebration brings a dynamic and highly interactive confetti explosion straight into your Framer projects. Drop it onto a checkout success page, a landing page hero, or a sign up screen to delight your visitors the exact moment they complete an action. It features custom triggers and physics controls, giving you a smooth, responsive effect that perfectly matches your site layout.
It fires customizable confetti particles across the screen based on user actions. The component detects multiple triggers like clicks or page mounts, handles physics properties like gravity and drift, and renders beautiful shapes dynamically. It also features built in call to action buttons and external redirect links, making it incredibly easy to guide users to their next destination right after the celebration.
Triggers & Behavior: Set the animation to fire on click, on page mount, or manually. Adjust the particle count, origin point, and total lifespan.
Physics & Motion: Fine tune the spread angle, initial velocity, gravity, and drift. You can also toggle respect or ignore settings for users with reduced motion preferences.
Particles & Styling: Pick multiple shapes like rectangles, circles, and stars, choose custom color palettes, and scale the particle size.
Buttons & Links: Show or hide a built sign action button and text link. Customize the display text, destination URLs, fonts, background colors, and hover states.
Checkout and purchase success pages
Form submissions and sign up completions
Feature launches and milestone celebrations
Interactive landing pages and hero sections
Interactive gamified experiences
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
