---
title: "GalaxyCursorButton — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Talha Manzoor · Cursors. Cursor-reactive galaxy button"
canonical: "https://framer.elliotli.dev/component/galaxycursorbutton"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/GalaxyCursorButton

# GalaxyCursorButton

Cursor-reactive galaxy button

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

![GalaxyCursorButton preview image 1](https://framer.elliotli.dev/og/component/galaxycursorbutton/0ea792a4178635ae/1600x1200.jpg)

## Summary

Cursor-reactive galaxy button

## Description

**Description**:

A pill-shaped button with its own living galaxy inside it. At rest, particles drift in a slow spiral and twinkle softly. Move your cursor over it and the galaxy tilts in 3D, opens up empty space around your pointer, and glows where you point. Click it and the galaxy bursts outward before settling back into place.

**Features:**

-   Animated spiral galaxy with adjustable arm count, particle density, size, color, and rotation speed
    
-   Independent background starfield layer with its own color and count
    
-   Spark glints on a random subset of particles for a natural, shimmering look
    
-   Cursor repulsion — particles push away from your pointer, opening real empty space
    
-   3D tilt that follows the cursor
    
-   Cursor-tracking hover glow with adjustable color, size, and intensity
    
-   Click burst animation with adjustable particle count, color, and speed
    
-   Fully native Framer controls for border, border radius, box shadow (rest and hover state), background, and link
    
-   Static-safe rendering, so it stays smooth in Framer's canvas and in exports
    

**Best for:**

-   Hero CTAs on space, sci-fi, gaming, or web3 landing pages
    
-   Portfolio or agency sites that want a distinctive, motion-first call-to-action
    
-   Any page where a standard button feels too flat for the brand
    

**How to use:**

1.  Drop the component into your frame and set width to Fit or Fill
    
2.  Add your label text, font, and link under the Label and Link controls
    
3.  Style Layout, Background, Border, and Shadow to match your brand
    
4.  Tune Particles, Background Stars, and Sparkle for the galaxy's density and color
    
5.  Adjust Cursor Glow, Cursor Repulsion, and 3D Tilt for how reactive it feels
    
6.  Set Click Burst count, color, and speed for the click animation
    

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

-   All · #9302

## Details

- **Author**: Talha Manzoor
- **Price**: $7.00
- **Published**: 2026-07-31
- **Updated**: 2026-07-31
- **Added**: 2026-07-31
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…