Circular Cursor

Show Preview
Circular Cursor

About Circular Cursor

An interactive, mouse-following custom cursor component designed to add dynamic visual interest and playful engagement to web layouts. Built as a circular badge with continuous rotating typography, this component replaces or overlays the standard system pointer to transform simple hover interactions into tactile visual moments.

Key Features:

  • Continuous Typographic Loop: Features an infinite $360^\circ$ rotation powered by smooth spring physics, keeping text continuously legible and active as the user navigates.

  • Dual-State Interaction: Seamlessly shifts between a subtle Default resting state and an expanded Hover state that accelerates rotation speed, enlarges the badge scale, and swaps messaging over clickable elements.