Backgrounds
Glyph Field
A grid of code glyphs that lights up around the pointer.
Your content. Your code.
Move the pointer across the section — the code underneath answers.
What moves
Glyphs near the pointer take the brand colour; with no pointer, a slow light wanders on its own. With reduced motion the field only redraws when the pointer moves.
Built from
Block source
Install via CLI:
pnpm add @voltui/componentsTypeScript
Loading editor…
One standalone component. Paste it into your project, point the imports at your Volt path, and wire the buttons to your own routes.
Every animation here is guarded by prefers-reduced-motion, and the colours come from theme tokens — try a different preset with the switcher in the header and the block follows.