Hero
Hero Glyphs
A tight, confident headline over a field of code glyphs that settles towards the bottom edge.
Open source · 1.0 · stable
Your content. Your code. Your stack.
The code-first platform that feels at home in your application. Model in TypeScript, give editors a real admin, and keep the site yours.
- Angular + Analog
- Edge database
- Portable storage
What moves
Glyphs flicker and spark in the brand colour on a single canvas, and only while the hero is on screen. With reduced motion the field is drawn once and left still.
Built from
Block source
Install via CLI:
pnpm add @voltui/components lumen-iconsTypeScript
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.