---
title: "Sparkle Buttons — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Ahmet Loca · Buttons. Sparkle Buttons are a premium Framer CTA component built for sites that need more presence than a flat button."
canonical: "https://framer.elliotli.dev/component/sparkle-buttons"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Sparkle Buttons

# Sparkle Buttons

Animated sparkle Framer CTA button

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

![Sparkle Buttons preview image 1](https://framer.elliotli.dev/og/component/sparkle-buttons/73ae952679fab771/1600x1200.jpg)

## Summary

Sparkle Buttons are a premium Framer CTA component built for sites that need more presence than a flat button.

## Description

**About Sparkle Buttons**

Sparkle Buttons are a premium Framer CTA component built for sites that need more presence than a flat button. It layers a moving gleam stripe or a rotating halo, optional star-shaped motes, hover lift, press feedback, and clear idle, loading, and done states. Designers can switch dark or light themes, accent, neutral, or danger tones, three sizes, icons, radius, speed, and colors without leaving the canvas. Off-screen animation pauses automatically, reduced-motion preferences are respected, and the same control can render as a button or a link.

Gleam stripe that sweeps across the face Rotating halo ring with dual-tone highlights Still mode for a quiet, non-animated look Star motes with few or more density

Idle, loading spinner, and done check states Dark and light themes with tone-aware mixing Accent, neutral, and danger color treatments Small, medium, and large sizing presets Gleam, arrow, plus, or no icon

Pauses when off-screen to save work Respects prefers-reduced-motion Works out of the box in Framer with full property controls

**Use Cases**

SaaS signup and pricing CTAs Agency and studio landing pages Portfolio launch and project buttons Product waitlist and download actions Fashion and lifestyle shop CTAs

Event ticket and registration buttons Architecture and interior design sites Editorial and magazine feature links Fitness brand class and plan buttons Photography and visual storytelling pages Dashboard primary and danger actions Campaign hero and footer conversion blocks

**Keywords**

sparkle button, gleam button, halo button, animated cta, framer button component, shine button, loading button, done state button, particle button, mote animation, hover gleam, rotating halo, premium cta framer, dark light button, accent danger button

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

-   All · #3574

## Details

- **Author**: Ahmet Loca
- **Price**: $3.00
- **Published**: 2026-09-05
- **Updated**: 2026-09-30
- **Added**: 2026-09-05
- **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