3D и моушн

Моушн для любых компонентов, сцены на прокрутке, 3D-объекты и кнопки, WebGL

Моушн для любых компонентов

Reveal — Появление любого компонента при прокрутке: подъём, наплыв, 3D-разворот (Pro)
Stagger — Списки, сетки и строки таблиц появляются волной, один за другим (Pro)
Tilt — Наклон, подъём, блик и притяжение под курсором для любой карточки (Pro)
Layout Group — Перестановка без прыжков: фильтр, сортировка, перестроение сетки (Pro)
Presence — Появление и уход: элемент живёт, пока проигрывается выход (Pro)
Scene Backdrop — WebGL- или CSS-сцена под обычным интерфейсом: hero, карточки, дашборд (Pro)

Scroll Cylinder — Строки заголовка на вращающемся цилиндре — поворот от прокрутки (Pro)
Stacking Panels — Панели прилипают при прокрутке и складываются в стопку (Pro)
Helix Rail — Карточки на спирали, которая вращается от прокрутки (Pro)
Scroll Scene — Сцена на прокрутке: закреплённый экран меняет картинку по шагам, шкала прогресса (Pro)
Parallax Layers — Слои глубины, которые сдвигаются от прокрутки и курсора (Pro)

Orbit Showcase — 3D-кольцо карточек: перетаскивание с инерцией, стрелки, клавиатура (Pro)
Coverflow Carousel — 3D-карусель товаров на нативной прокрутке: свайп с инерцией, стрелки, клавиатура (Pro)
Flip Card — Карточка с двумя сторонами, переворачивается в 3D (Pro)
Word Prism — Слово на гранях призмы: поворачивается к следующему (Pro)

Button 3D — Объёмная кнопка-клавиша: утапливается при нажатии и отпружинивает (Pro)
Switch 3D — Переключатель-кубик: перекатывается между «выкл» и светящимся «вкл» (Pro)
Shape Morph — Форма перетекает в другую: круг, капля, звезда, цветок — на пружине (Pro)
Path Text — Текст по кругу, дуге или волне: вращается со временем или прокруткой (Pro)

Shader Aurora — Северное сияние на WebGL-шейдере, тянется к курсору (Pro)
Shader Gradient — Живой градиент на шейдере для hero: цвета перетекают и обтекают курсор (Pro)
Liquid Surface — Водная гладь на GPU: рябь за курсором, всплеск от клика (Pro)
Particle Fabric — Ткань из десятков тысяч светящихся точек: складки, курсор, волны (Pro)
Particle Picture — Частицы собираются в картинку или текст и перетекают между ними (Pro)
Dot Globe — Глобус из точек на WebGL2: маркеры, дуги с импульсами, вращение мышью (Pro)
Horizon Grid — Бесконечная сетка-пол, уходящая к светящемуся горизонту (Pro)