🎉 Black Friday deal! 30% off your first year of CodyHouse Pro →


Progress value is 30%

Confetti Button

A collection of spark button effects.

View Demo


All components are based on CodyFrame.

This component includes variations. Variations share the same SCSS/JS code but differ in their HTML.

How to

The Confetti Button component is used to give a little spark to the button components. Clicking the button will animate the icons, creating a fun feedback effect.

The .confetti-btn__icon element (SVG) contains the animated icons. Each icon is a separate <path>. To use your own icons, create an SVG with 6 overlapping icons:

icon example

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.