---
title: "Comet Glow Button — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Sohail Ansari · Buttons. The button that won't sit still"
canonical: "https://framer.elliotli.dev/component/comet-glow-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Comet Glow Button

# Comet Glow Button

The button that won't sit still

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

![Comet Glow Button preview image 1](https://framer.elliotli.dev/og/component/comet-glow-button/6535fff9b778ab90/1600x933.jpg)

## Summary

The button that won't sit still

## Description

A pill button with a thin comet of light chasing itself around the border, forever. Not a static gradient border — an actual moving highlight that fades into blue, purple, pink, and back into the dark, with a soft halo bleeding out past the edge.

Hover it and the whole thing wakes up: it scales up slightly, the ring speeds up, and the glow flares out a bit more before settling back down when you leave.

Everything is editable from the Properties panel — no code, no layers to dig through:

\- 4 gradient colors (set your own comet trail)

\- Rotation speed, halo blur, halo spread, halo opacity

\- Border thickness and corner radius (pill or boxy, your call)

\- Hover scale + hover background color

\- Font, text color, padding — all of it

\- Toggle: glow always on, or only when hovered

\- Optional link with new-tab control

\- Respects reduced-motion for accessibility

Drop it on a hero section, a CTA, a "Buy now," a waitlist form — anywhere you want the eye to land first.

Built with real CSS animation (conic-gradient + @property), so it's lightweight and doesn't need JS to run.

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

-   All · #816

## Details

- **Author**: Sohail Ansari
- **Price**: $3.00
- **Published**: 2026-09-11
- **Updated**: 2026-09-11
- **Added**: 2026-09-11
- **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