Confetti Toggle

Confetti Toggle Button is a playful animated toggle for Framer that adds a burst of confetti whenever users switch it on. Perfect for pricing toggles, settings, preferences, forms, onboarding flows, SaaS dashboards, and interactive landing pages.

Customize the toggle colors, size, knob, confetti colors, particle count, spread, and size directly from Framer's property panel. You can also add a custom background and connect the toggle state to your project with the onValueChange event.

Features

• Animated ON/OFF states

• Confetti celebration on activation

• Custom confetti colors

• Adjustable particle count and spread

• Custom toggle width and height

• Custom knob and track colors

• Optional background container

• Framer property controls

• onValueChange event support

• Lightweight React + Framer Motion animation

Use it for

• Pricing plan toggles

• Settings and preferences

• SaaS dashboards

• Forms and filters

• Onboarding experiences

• Success and confirmation interactions

• Interactive landing pages

• Fun micro-interactions

Drop it into your Framer project, customize the properties, and turn an ordinary toggle into a delightful interaction.