counter icon0
counter icon0
counter icon0

Particle Button

Component

Last Update: Mar 17, 2025

Free

Overview

The ParticleButton component is a vibrant and interactive button. It triggers customizable particle animations—such as confetti, hearts, or stars—upon clicking, bringing a playful and celebratory flair to your designs with options for text, colors, and timing.

Customizable Features

  • Text

  • Post click text

  • Font & color style

  • Radius

  • Padding

  • Animation speed

  • Particle type (Confetti, Hearts, Start, Circles, Emoji)

  • Particle custom color

  • Particle count

  • Link with Tab

How to use component?

To use the component in your Framer project, first, copy it. Then, paste it into your project. It will automatically import and show up in the left sidebar under the Assets tab in the DesignKits folder. You can then drag it onto your canvas to create a new instance.

Need Something Custom?

Got a unique idea that’s not covered by our current components? We’ll build a custom Framer component just for you — no limits, no stress. Let us know what you need, and we’ll take it from there.