01 — Animations
Framer Motion
6 типов анимации в одном месте: от физики пружины до scroll-triggered эффектов
Stagger
Последовательное появление элементов
Spring Physics
Анимация с физикой пружины
Keyframes
Поплавок покачивается на волнах
Scroll-triggered
Прогресс при попадании в viewport
Gesture: Drag
Перетаскивание с ограничениями
перетащи рыбку
Layout Animation
Плавный reflow при изменении DOM
02 — Interactivity
Живые элементы
Каждый элемент реагирует на действия пользователя — потрогай всё
Confetti
Клик запускает конфетти
Morphing Button
Кнопка трансформируется в ответ
Ripple Slider
Ripple-эффект при изменении
Toggle Switch
Spring physics переключатель
Magnetic Button
Кнопка тянется к курсору
Animated Counter
Анимированный числовой счётчик
пойманных сазанов
03 — Visual Effects
Визуальные приёмы
Современные UI техники: glassmorphism, aurora, neon glow, 3D tilt
Glassmorphism
Стекло поверх градиента
Neon Glow
Фото сазана со свечением
на Дону
Aurora
Движущийся градиентный фон
Gradient Mesh
Меш-градиентные карточки
3D Tilt
CSS perspective при hover
Neumorphism
Мягкие объёмные тени
04 — Responsive
Адаптивный дизайн
Один сайт — любые экраны. Переключи устройство и посмотри на адаптацию