Características
Carrusel de ventajas
Los motivos para elegirte, en una fila que se desplaza con puntos de anclaje, flechas y teclado.
Built for state. Here's why.
The framework already animates simple enter and leave. This exists for the part that is hard to coordinate by hand.
Signals in, motion out
Bind a value and the element animates to its new state, without a change-detection detour.
Native browser animation
Playback runs on the platform, so transforms and opacity stay on the compositor. Nothing extra to ship.
Presence that owns lifetime
An element stays mounted until its exit has finished — including rows that are reordered mid-exit.
Safe on the server
Every browser API waits for the browser. Server rendering, hydration and zoneless apps work out of the box.
Qué se mueve
El desplazamiento lo hace el navegador; la primera tarjeta visible toma el color de marca. Las flechas avanzan de tarjeta en tarjeta y se desactivan en cada extremo. Con movimiento reducido el desplazamiento salta en lugar de deslizarse.
Construido con
Código del bloque
pnpm add @voltui/components lumen-iconsUn 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.