Características
Recorrido de funciones
Un recorrido guiado: la explicación a un lado y la propia función funcionando en vivo al otro.
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>Qué se mueve
Elegir una pestaña avanza el raíl de progreso y cambia el texto de al lado. Cada demo funciona de verdad: un botón que se eleva y se pulsa, un estado que sigue a un interruptor, filas que llegan y mosaicos que entran escalonados.
Construido con
Código del bloque
pnpm add @voltui/componentsUn componente standalone. Pégalo en tu proyecto, apunta los imports a tu ruta de Volt y conecta los botones a tus propias rutas.
Cada animación aquí está protegida por prefers-reduced-motion, y los colores salen de los tokens del tema — prueba otro preset con el selector de la cabecera y el bloque lo sigue.