Hero
Hero Install
A library hero that ends in the install: the command in the visitor's package manager, one click from the clipboard.
v1.4 · Angular 21 and 22
Motion for Angular that follows your state.
Start with one attribute. Coordinate enter, exit and state changes when your interface needs more — native browser animations, zero runtime dependencies.
npm install your-library - runtime deps
- 0
- zoneless ready
- SSR
- gzipped
- 4 kB
What moves
Two light ribbons sway behind the headline and the copy rises in on load. Switching the package manager rewrites the command; copying swaps the icon and announces it. With reduced motion everything stays still.
Built from
Block source
pnpm add @voltui/components lumen-iconsOne 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.