Confettiwithexternal

Confettiwithexternal

About Confettiwithexternal

About

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.

What it does

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.

What you can customize

  • 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.

Great for

  • 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

Share your build

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.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb