Fluid Cursor

About This Component

Most websites feel static.

Aether Fluid Cursor adds subtle motion and premium interaction design that instantly makes your website feel more polished, modern, and memorable.

Built specifically for Framer, the component replaces the default browser cursor with a smooth dual-layer cursor system featuring magnetic motion, hover transformations, and responsive spring animations.

Whether you're building a creative portfolio, agency website, luxury brand experience, or startup landing page, Aether helps create the kind of small details visitors notice and remember.

Features

Smooth Dual-Layer Motion

A precision tracking cursor combined with a floating outer ring creates a premium trailing effect that feels fluid and responsive.

Intelligent Hover Detection

Automatically responds to buttons, links, and interactive elements without requiring manual setup.

Magnetic Spring Physics

Natural motion powered by carefully tuned spring animations for a refined, high-end feel.

Framer Native

Built directly for Framer with no external dependencies or complicated setup process.

Performance Optimized

Lightweight architecture designed to maintain smooth performance without impacting page responsiveness.

Mobile Safe

Automatically disables itself on touch devices to preserve usability and battery life.

Fully Customizable

Adjust size, colors, motion settings, hover states, and interaction behavior directly inside Framer.