TYP-01
Magnetic Kerning
MOVE POINTER
A N B O X
MOVE POINTER
Вам не нужно иметь четкий план.
Мы разработаем концепцию с нуля!
Мы разработаем концепцию с нуля!
TILDA / VIBEBLOCK COMPATIBILITY TEST · STATIC V3.1
22 EFFECTS
IN ONE BLOCK
Два эффекта из каждой категории. Вся карточная разметка находится
в HTML сразу; JavaScript только подключает интерактивность.
22 11 categories × 2 effects
01 / CATEGORY
Typography
Реакция букв на указатель и деформация заголовка.
TYP-02
Directional Stretch
HOVER
MOTION
HOVER / TAP
02 / CATEGORY
Images & Galleries
Трансформация изображения и раздельное раскрытие слоёв.
IMG-01
Cursor Tilt Poster
MOVE POINTER
MOVE POINTER
IMG-02
Split Image Reveal
HOVER
HOVER / TAP
03 / CATEGORY
Sliders
Нативный drag и автоматическая смена карточек без библиотек.
SLD-01
Drag Track
DRAG
DRAG
SLD-02
Auto Relay Slider
AUTO
AUTO
04 / CATEGORY
Menus & Navigation
Радиальное меню и underline-навигация.
NAV-01
Radial Menu
CLICK
ABOUT WORK CONTACT
CLICK
NAV-02
Elastic Underline
HOVER
HOVER
05 / CATEGORY
Buttons
Движение только внутреннего текста и заливка кнопки.
BTN-01
Magnetic Label
MOVE POINTER
MOVE POINTER
BTN-02
Fill Sweep
HOVER
HOVER / TAP
06 / CATEGORY
Cursors
Локальный follower и spotlight без глобальной замены курсора.
CUR-01
Local Follower
MOVE POINTER
MOVE POINTER
CUR-02
Spotlight Field
MOVE POINTER
MOVE POINTER
07 / CATEGORY
UI Components
Табы и accordion, работающие на desktop и touch.
UI-01
Stateful Tabs
CLICK
STATE 01
CLICK
UI-02
Accordion Cards
HOVER / TAP
HOVER / TAP
08 / CATEGORY
SVG & Animated Icons
Прорисовка пути и смена статусного состояния.
SVG-01
Arrow Draw
HOVER
HOVER
SVG-02
Status Morph
HOVER
HOVER
09 / CATEGORY
Transitions & Loaders
Counter и shutter transition без внешних зависимостей.
TR-01
Counter Loader
HOVER / TAP
0
HOVER / TAP
TR-02
Segment Shutters
HOVER
HOVER
10 / CATEGORY
Physics & Matter
Лёгкая CSS-физика и магнитное поле точек.
PHY-01
Elastic Balls
AUTO
AUTO
PHY-02
Magnetic Dot Field
MOVE POINTER
MOVE POINTER
11 / CATEGORY
New Systems
Bento reflow и peel reveal как отдельные комплексные механики.
NEW-01
Bento Priority
HOVER / TAP
HOVER / TAP
NEW-02
Layer Peel
HOVER
DETAILS
DRAG / HOVER
HOVER