FANCYUI
Tune Tiles — glow trail
Esc to close
Tiles — glow trail
A grid of tiles lights up under the cursor and fades behind it like phosphor.
Use in FancyUI
-
pnpm add fancy-ui-svelteimport { MosaicGlow } from "fancy-ui-svelte";
- 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