---
title: "Confetti Pop Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Roshan Shetty · Buttons. Submit button with loading & confetti"
canonical: "https://framer.elliotli.dev/component/confetti-pop-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Confetti Pop Button

# Confetti Pop Button

Submit button with loading & confetti

[View on Framer](https://framer.com/marketplace/components/confetti-pop-button/?via=elliot-li)

![Confetti Pop Button preview image 1](https://framer.elliotli.dev/og/component/confetti-pop-button/b70ac2b07ee0a787/1600x1200.jpg)

## Summary

Submit button with loading & confetti

## Description

This animated loading button component adds a polished interaction flow with loading, success, and confetti animation.It is designed for Framer projects that need a high-quality submit or action button with full visual customization and smooth state transitions. If you decide to upgrade your Framer plan, you can support me by using my referral link: [https://framer.link/roshan-shetty](https://framer.link/roshan-shetty)

![all customization props for this button](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-s7u2pk7w-X9LlrfcHcQ7m78roSFAxOAaiMUtHf1)all customization props for this button

All visual aspects can be customized directly from the property panel. You can control label text, done text, loading duration, reset delay, background color, hover glow color, text color, font, border radius, stroke width, stroke color, done text color, and confetti colors.

The button supports both Submit and Button types, making it fully compatible with Framer Forms. When set to submit, the animation only plays if the form is valid, ensuring proper form validation behavior.

## Where to Use:

This component is ideal for:• Waitlist buttons• Form submit buttons• Success feedback interactions• Landing pages• Product launch pages• Newsletter Subscriotion buttons

Built for performance, flexibility, and clean UI animation.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2846

## Details

- **Author**: Roshan Shetty
- **Published**: 2026-03-25
- **Updated**: 2026-05-15
- **Added**: 2026-03-14
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything