Cursor Trail

Premium dot + ring cursor with smooth following, hover states, and spotlight reveals. Move your mouse into each demo area.

01

Dot + Ring Cursor

The classic dot and ring combo with mix-blend-mode difference. The ring expands on hover and the dot shrinks on click.

Hover me
Or me
Click me
02

Color on Hover

Each hover target can specify its own cursor color. The cursor smoothly transitions between colors as you move between elements.

Lime
Purple
Cyan
03

Easing Styles

Three easing presets: smooth for general use, snappy for responsive feel, and elastic for playful interactions.

Elastic ease
04

Interactive Grid

Each cell has a unique hover effect and cursor color. The snappy easing provides quick, precise feedback as you explore.

05

Text Cursor

The dot and ring transform into contextual text labels. Each element can show different text like "View", "Play", or "Drag".

Project
Video
Gallery
Link
06

Spotlight Reveal

A dark overlay covers the content, with your cursor acting as a flashlight that reveals what's underneath. Mix-blend-mode is disabled in spotlight mode.

Hidden Content

Move your cursor to reveal what's hidden in the darkness. The spotlight follows your mouse smoothly.