Features
Feature Tour
A guided tour: the explanation on one side, the feature itself running live on the other.
Four things that are awkward to build by hand.
Each one is running live. Pick a tab, then try it.
01 · Hover & press
Feel it under the pointer
Feedback while something is true: the pointer is over it, it is pressed. Touch gets press feedback, not a sticky hover.
Pressed 0×
save-button.html
<button class="lift press">Save</button>What moves
Picking a tab moves the progress rail and swaps the story beside it. Each demo really works: a button that lifts and presses, a status that follows a switch, rows that arrive, tiles that stagger in.
Built from
Block source
pnpm add @voltui/componentsOne 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.