Animations

Glow Cursor

A soft glow trails the cursor with a little lag, with a bright core right at the pointer.
import { GlowCursor } from "pleate/effects/glow-cursor";

Glow

A glow follows you

With a little lag, behind the text.

Props

color

Glow color.

stringdefault var(--pl-accent)

size

Glow diameter in px.

numberdefault 280

intensity

Glow strength (0 to 1).

numberdefault 0.5

core

Small dot at the pointer.

booleandefault true

global

Follow the pointer across the whole page instead of only the container.

booleandefault false

Accessibility

  • Decorative layer, hidden from assistive tech, and it never catches clicks.
  • Stays inside its container unless global is set. The system cursor stays visible.
  • Mouse and pen only: touch screens and reduced motion get the plain content.