---
title: "Cursor Gravity Stars — Free Framer component · Best of Framer"
description: "Free Framer component · by FrameLab · Cursors. Premium animated cursor with falling sta"
canonical: "https://framer.elliotli.dev/component/cursor-gravity-stars"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Cursor Gravity Stars

# Cursor Gravity Stars

Premium animated cursor with falling sta

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

![Cursor Gravity Stars preview image 1](https://framer.elliotli.dev/og/component/cursor-gravity-stars/24041fe1813a20c5/1600x1200.jpg)

## Summary

Premium animated cursor with falling sta

## Description

## About this Component

**Cursor Starfall** is a premium animated cursor component that adds subtle, gravity-driven star particles to your Framer site. Stars appear only when the cursor moves, creating an elegant, movement-based micro-interaction that feels smooth, modern, and intentional.

Unlike noisy cursor effects, Cursor Starfall adapts dynamically to cursor speed. Slow motion produces gentle star drops, while faster movement increases density for a natural, immersive experience. Fully performance-optimized and customizable, it is designed to elevate premium websites without distraction.

## ✨ Key Features

-   Movement-based star generation (no motion, no particles)
    
-   Adaptive density based on cursor speed
    
-   Smooth gravity-style falling animation with ease-in acceleration
    
-   Multiple tiny star sizes for natural variation
    
-   Subtle glow and smooth fade-out
    
-   Slight horizontal drift for organic motion
    
-   Performance-optimized with automatic particle cleanup
    
-   Fully customizable via the Framer Properties Panel
    
-   Mobile-safe with optional disable on touch devices
    
-   Lightweight and production-ready
    

## 🎯 Perfect For

-   SaaS and startup landing pages
    
-   Creative portfolios and personal websites
    
-   Agency sites and case studies
    
-   Hero sections and interactive showcases
    
-   Premium brand and product experiences
    

## 🎛 Customization Options

-   Star density from low to high
    
-   Gravity strength
    
-   Star size range
    
-   Animation duration
    
-   Maximum particles per second
    
-   Cursor visibility rules (desktop-only recommended)
    

All settings are editable directly from the Properties Panel. No code required.

## 🚀 How to Use

1.  Add **Cursor Starfall** to your Framer canvas
    
2.  Place it at the top level of your page
    
3.  Adjust density, gravity, and animation settings
    
4.  Preview on desktop to fine-tune motion
    
5.  Publish and enjoy a refined cursor experience
    

## 💡 Best Practices

-   Keep particle density subtle for a premium feel
    
-   Use primarily on desktop experiences
    
-   Pair with clean layouts and minimal UI
    
-   Avoid stacking multiple cursor effects
    

## 📩 Support

If you need help or run into any issues, feel free to reach out at[**dilip@xiadesign.studio**](mailto:dilip@xiadesign.studio)

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

-   All · #1716

## Details

- **Author**: FrameLab
- **Published**: 2026-03-31
- **Updated**: 2026-06-09
- **Added**: 2026-01-17
- **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…