Backgrounds

Light Threads

Threads of light that converge on one glowing point, in pure SVG and CSS.

Background · light threads

Ship interfaces you can own.

Every thread meets at one point. Move it with an input to sit behind your preview.

What moves

Pulses of light travel along each thread and the meeting point breathes. No JavaScript runs: it already moves in the server-rendered HTML. With reduced motion the threads stay and the pulses stop.

Block source

Install via CLI:pnpm add @voltui/components
TypeScript
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.