Pixel cursor

A cursor-following pixel trail — a speed-gated brush lights sparse square pixels on a Canvas2D grid, banded into a bright core color and two secondary outer rings as the signal decays.

Customize

Main color

Edge 1

Edge 2

Pixel size5px

Spread10px

Density75%

Trail2.9

Delay95%

Usage

import { PixelCursor } from "@/components/lazy-ui/pixel-cursor";

<PixelCursor
  color="#22d3ee"
  edgeColor1="#ffffff"
  edgeColor2="#a78bfa"
  pixelSize={5}
  spread={10}
  density={0.75}
  persistence={2.9}
  lag={0.95}
/>