Орбитальное вращение
LINEAR / INFINITEtransform: rotate(360deg)
Frontend.
В движении.
Лаборатория интерфейсных деталей. Исследуй эффекты, меняй параметры и забирай код в свой проект.
Здесь всё можно трогать.
Начни с любого примера.
Анимации
Движение, которое хочется повторить.
Пружина
OVERSHOOTcubic-bezierКаскадное появление
STAGGERdelay: n × 80msОтвет на действие
Наведи, нажми, переключи. Интерфейс ответит.
Магнитная кнопка
Следует за курсором.
Плавный переключатель
Мягкий переход состояния.
Состояние загрузки
Демонстрация, без отправки данных.
Компоненты в действии
Модальные окна, вкладки и меню. Полные примеры без библиотек.
Ещё больше движения
Карточки, переходы и анимации. Запускай, исследуй и меняй код.
Данные в порядке
Поиск, фильтры и сортировка на демонстрационных данных.
| Категория | Статус |
|---|
Нажми на заголовок для сортировки
Пространство решает
Почувствуй разницу между «тесно» и «в самый раз».
01
02
03
04
05
06
gap: 16px; padding: 24px;Типографика с характером
Нажми на текст, напиши свой и настрой его ритм.
Хороший интерфейс
начинается с деталей.
начинается с деталей.
Цвет как инструмент
Палитра лаборатории. Нажми на цвет, чтобы скопировать HEX.