JubiloPopBtn is a premium Framer button component with a built-in confetti burst animation. It is designed for high-impact CTAs, product launches, checkout confirmations, waitlist forms, creator pages, and playful landing pages where a click should feel rewarding.
The component works as a normal button or as a link button. When clicked, it launches a customizable confetti explosion from the center of the button. You can adjust the button style, gradient, typography, icon, motion, focus ring, shadows, success text, and confetti behavior directly through Framer Property Controls.
Features:
• Click-triggered confetti burst
• Works as a button or link CTA
• Safe link handling for common URL types
• Customizable particle count, spread, distance, size, gravity, duration, shape, and colors
• Solid or gradient button background
• Optional icon with multiple icon styles
• Optional success text after click
• Optional sub text for richer CTA layouts
• Hover and press motion controls
• Accessible focus ring
• Canvas-safe preview dots
• Fully editable through Framer Property Controls
• Responsive sizing with Framer width and height controls
• No external libraries required beyond React, Framer, and framer-motion
Typical use cases:
• Product launch CTA
• Checkout success button
• Newsletter signup confirmation
• Waitlist button
• Creator landing page CTA
• Gamified interaction
• SaaS onboarding button
• Portfolio contact button
JubiloPopBtn is a premium Framer button component with a built-in confetti burst animation. It is designed for high-impact CTAs, product launches, checkout confirmations, waitlist forms, creator pages, and playful landing pages where a click should feel rewarding.
The component works as a normal button or as a link button. When clicked, it launches a customizable confetti explosion from the center of the button. You can adjust the button style, gradient, typography, icon, motion, focus ring, shadows, success text, and confetti behavior directly through Framer Property Controls.
Features:
• Click-triggered confetti burst
• Works as a button or link CTA
• Safe link handling for common URL types
• Customizable particle count, spread, distance, size, gravity, duration, shape, and colors
• Solid or gradient button background
• Optional icon with multiple icon styles
• Optional success text after click
• Optional sub text for richer CTA layouts
• Hover and press motion controls
• Accessible focus ring
• Canvas-safe preview dots
• Fully editable through Framer Property Controls
• Responsive sizing with Framer width and height controls
• No external libraries required beyond React, Framer, and framer-motion
Typical use cases:
• Product launch CTA
• Checkout success button
• Newsletter signup confirmation
• Waitlist button
• Creator landing page CTA
• Gamified interaction
• SaaS onboarding button
• Portfolio contact button