Aether Fluid Cursor: Premium Utilities Component by Joel Kazadi

Marketplace Components Categories Utilities

An ultra-optimized, dual-layer cursor framework built natively on React and Framer Motion. Uses high-performance spring physics to deliver smooth lag-inertia tracking. Features built-in structural guards to auto-terminate scripts on touch devices.

About this Component

Overview

: Aether is an ultra-optimized, dual-layer interactive cursor framework built natively on React and Framer Motion. It replaces the default browser pointer with a high-performance, hardware-accelerated tracking system designed to give your website layouts an immediate luxury feel.

:Key Features

Dual-Layer Inertia: A solid inner tracking dot locks onto the mouse position with zero latency, while a premium outer ring lags gracefully behind using custom elastic spring physics.
Global Interaction Hover: Automatically detects all interactive elements (links, buttons, inputs) on your page, seamlessly morphing and scaling the cursor on hover without requiring manual setup.
Performance & Mobile Safeguards: Built with SSR-safe environmental guards and native device detection that instantly disables the script on mobile touch devices to protect scrolling performance and battery life.