---
title: "Star Particle Cursor — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Soyeb · Cursors. Star Particle Cursor is a particle cursor component that transforms ordinary interactions into magical moments."
canonical: "https://framer.elliotli.dev/component/star-particle-cursor"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Star Particle Cursor

# Star Particle Cursor

Magic star trail follow-your-cursor

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

![Star Particle Cursor preview image 1](https://framer.elliotli.dev/og/component/star-particle-cursor/e826123d6e3a1a88/1600x1200.jpg)

## Summary

Star Particle Cursor is a particle cursor component that transforms ordinary interactions into magical moments.

## Description

**Star Particle Cursor** is a **particle cursor** component that transforms ordinary interactions into magical moments. Built with WebGL and powered by **THREE.js cursor** rendering, it creates a sparkling **star cursor effect** where twinkling particles follow your mouse movement. This **interactive cursor** is perfect for adding **custom cursor animation** and immersive **interactive UI elements** to portfolios, landing pages, or creative websites.

## Instructions

1.  Copy the Component from the left panel in Framer.
    
2.  Choose your implementation method:
    
    **Option 1: Individual Page**
    
    -   Paste the component under the Desktop Frame (top level, not inside content).
        
    
    **Option 2: All Pages (Site-wide)**
    
    -   Create a Template in the right panel (on Desktop Frame).
        
    -   Paste the component above the placeholder content.
        
    -   All pages using the template will inherit the **magic cursor trail**.
        
3.  Setup Notes:
    
    -   Place the component at the top level under Desktop Frame.
        
    -   Invisible by default, so it won’t affect page layout.
        
    -   Only visible in Preview mode and live sites (not on Canvas).
        
    -   Set position to Absolute, top/left = 0, and Z-index = 10.
        

Star Particle Cursor

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-v2oj162h-SMm8ZxZ7ib9gZLAFtigP74tSotEN10)

The **cursor trail component** includes 13 intuitive controllers grouped into:

-   **Visibility Controls**: Toggle mobile display and cursor visibility.
    
-   **Visual Style Controls**: Adjust star colors, particle size, softness, and glow for a **sparkle cursor** or **glowing cursor**effect.
    
-   **Animation Controls**: Manage movement speed, fade-out, twinkle intensity, and short-range behavior for a dynamic **animated cursor**.
    
-   **Particle Behavior Controls**: Control trail width, spread dynamics, and depth for a **shooting star cursor** look.
    
-   **Advanced Motion Controls**: Fine-tune motion sensitivity and response for smooth **cursor following effects**.
    

## Key Features

-   **Customizable Particle Animation** – Full control over star colors, size, blur, and effects.
    
-   **Mobile Optimization** – Option to hide the effect on mobile for performance.
    
-   **High Performance WebGL Cursor** – Smooth 60fps animations with GPU acceleration.
    
-   **Custom Mouse Effects** – Hide the default cursor and replace it with branded, **interactive mouse trails**.
    
-   **Production-Ready** – Clean code, optimized memory, and reliable rendering.
    

## Use Cases

-   Portfolios with **twinkling cursor** trails for artistic impact.
    
-   Creative agencies using **custom mouse effects** for branding.
    
-   Gaming or luxury sites with **interactive mouse trails**.
    
-   Event pages with **cursor particles** for engagement.
    
-   Experimental **cursor following effect** projects.
    

The **Star Particle Cursor** is more than a visual - it’s an **interactive experience** for cursors. Whether you want a **shooting star cursor**, a glowing **particle animation**, or an **interactive cursor trail**, this component makes your designs unforgettable.

**Made with ❤️ by** [**Soyeb**](https://framer.link/market)

Have questions or need a custom Framer component? Reach out at [heysoyebali@gmail.com](mailto:heysoyebali@gmail.com)

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

-   All · #4375

## Details

- **Author**: Soyeb
- **Price**: $9.00
- **Published**: 2025-09-15
- **Updated**: 2026-04-08
- **Added**: 2025-08-28
- **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…