Hero

Hero con instalación

Un hero de librería que termina en la instalación: el comando en el gestor de paquetes del visitante, a un clic del portapapeles.

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

Qué se mueve

Dos franjas de luz se mecen detrás del titular y el texto sube al cargar. Cambiar de gestor de paquetes reescribe el comando; al copiar cambia el icono y se anuncia. Con movimiento reducido todo queda quieto.

Código del bloque

Instalar por CLI:pnpm add @voltui/components lumen-icons
TypeScript
Cargando el editor…

Un 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.