component
Cursor Gravity Stars
By FrameLab
Details
- FrameLabAuthor
- componentType
- 2026-03-31Published
- 2026-06-09Updated
- 2026-01-17Added
- CursorsCategories
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 Add Cursor Starfall to your Framer canvas Place it at the top level of your page Adjust density, gravity, and animation settings Preview on desktop to fine-tune motion 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
Introduction
Premium animated cursor with falling sta
Rank history
Daily rank per list, from the first snapshot โ lower is better.
- All ยท #1656