Animation Engine

Custom Cursor

Replace the default pointer with a custom cursor — 40+ styles from a simple dot-and-ring follower to comets, particle trails, gooey metaballs, a magnify lens and contextual labels. A single site-wide setting.

40+ styles, one switch

A cursor with personality.

Custom Cursor is a single site-wide setting — enable it in Unyson+ → Extensions → Animation Engine → Cursor and pick a style. It grows on links, can show contextual labels, and is automatically disabled on touch devices. A sample of the styles:

Followers & rings

Eased dot-and-ring pointers

Ring

Dot

Glow

Gradient

Blob

Glass Lens

Spotlight

Bullseye

Camera Reticle

Trails & special

Comets, particles & lenses

Comet

Confetti Trail

Firefly

Bubbles

Gooey Metaball

Magnify Lens

Ink Brush

Radar Pulse

Directional Arrow

How to set it up

Add it in under a minute

  1. Open Unyson+ → Extensions → Animation Engine → Cursor.
  2. Turn the Custom Cursor on and pick one of the 40+ styles.
  3. Optionally add a Contextual Label (e.g. “View”, “Drag”) to specific elements.
  4. Save — it applies site-wide on non-touch devices.
Open the manual

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free