Hero

Hero зі встановленням

Hero бібліотеки, що закінчується встановленням: команда в пакетному менеджері відвідувача, за один клік до буфера обміну.

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

Що рухається

Дві світлові стрічки погойдуються за заголовком, а текст піднімається під час завантаження. Зміна пакетного менеджера переписує команду; копіювання змінює іконку й оголошує це. Зі зменшеним рухом усе лишається нерухомим.

Зібрано з

Код блока

Встановити через CLI:pnpm add @voltui/components lumen-icons

TypeScript

Завантаження редактора…

Один standalone-компонент. Вставте його у проєкт, спрямуйте імпорти на свій шлях до Volt і підключіть кнопки до власних маршрутів.

Кожну анімацію тут захищає prefers-reduced-motion, а кольори походять із токенів теми — оберіть інший пресет перемикачем у шапці, і блок піде за ним.