FancyUI
Tiles — glow trail — preview

Tiles — glow trail

A grid of tiles lights up under the cursor and fades behind it like phosphor.

#glow#retro#hover

Open docs

Use in FancyUI

Type
Interaction
Interaction
Hover
Style
Glow, Retro
Code availability
Open source

Why it works

Each tile keeps its own intensity, so trail decay separates where the cursor is from where it was, and smoothing keeps the halo from jittering. With no pointer, the halo drifts on its own, so the surface is never dead.

When to use it

A hero or section background on a dark page that should react to presence.

Things to watch

A canvas 2D loop, paused off-screen by an IntersectionObserver. Reduced motion draws one settled frame. On touch only the idle drift shows.

Implementation clues

  • canvas tiles
  • per-tile intensity buffer
  • trail decay
  • idle drift