Можливості
Карусель переваг
Причини обрати вас — у ряду, що прокручується з точками прив'язки, стрілками та клавіатурою.
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.
Що рухається
Прокручує браузер; перша видима картка набуває кольору бренду. Стрілки гортають по одній картці й вимикаються на краях. Зі зменшеним рухом прокручування стрибає, а не ковзає.
Зібрано з
Код блока
pnpm add @voltui/components lumen-iconsОдин standalone-компонент. Вставте його у проєкт, спрямуйте імпорти на свій шлях до Volt і підключіть кнопки до власних маршрутів.
Кожну анімацію тут захищає prefers-reduced-motion, а кольори походять із токенів теми — оберіть інший пресет перемикачем у шапці, і блок піде за ним.