Инструменты дизайна
Цветовые палитры, инструменты типографики, калькуляторы отступов и утилиты UI-дизайна.
Tailwind Color Reference
Просмотрите все цветовые палитры Tailwind CSS с значениями HEX и RGB.
Spacing Scale Generator
Генерируйте единообразные шкалы интервалов для вашей дизайн-системы.
Font Pairing Guide
Откройте для себя гармоничные сочетания шрифтов для заголовков и основного текста.
Line Height Calculator
Вычислите оптимальную высоту строки для удобной для чтения типографики.
Data URL Encoder
Конвертируйте файлы в Data URL в кодировке Base64 для встраивания в HTML и CSS.
Визуализатор брейкпоинтов
Визуализируйте CSS-брейкпоинты для Tailwind, Bootstrap и пользовательских фреймворков.
Конвертер дизайн-токенов
Конвертируйте дизайн-токены между JSON, CSS-переменными и SCSS.
Палитра цветов для вайрфреймов
Генерируйте нейтральные цветовые палитры для вайрфреймов и прототипов.
Генератор CSS-курсора
Просматривайте все типы CSS-курсоров с живым предпросмотром и готовым кодом.
Справочник размеров иконок
Стандартные размеры иконок для iOS, Android, веба и настольных приложений.
Генератор CSS Grid
Визуально создавайте CSS Grid-макеты и копируйте сгенерированный CSS-код.
Генератор цветовых схем
Генерируйте дополнительные, трёхцветные и аналогичные схемы из базового цвета.
Визуализатор border-radius
Просматривайте и сравнивайте значения CSS border-radius в реальном времени.
Генератор Сетчатого Градиента
Создаёт плавные фоны CSS-сетчатого градиента с несколькими цветовыми точками.
Генератор Оттенков Прозрачности
Создаёт полную палитру оттенков из любого цвета с вариациями прозрачности.
Генератор Межбуквенного Интервала
Предварительный просмотр и генерация CSS letter-spacing и word-spacing для типографики.
Генератор тайминга анимации
Генератор тайминга CSS-анимации (cubic-bezier) с визуальным предпросмотром кривой.
Менеджер Z-Index
Визуализатор контекста наложения CSS z-index.
Генератор CSS Scroll Snap
Генерирует свойства CSS scroll-snap с живым предпросмотром и готовым кодом.
Генератор CSS Clip-Path
Создаёт фигуры CSS clip-path — многоугольник, круг и эллипс — с визуальным редактором.
Генератор CSS-фильтров
Настраивайте CSS-фильтры (blur, brightness, contrast и др.) с живым предпросмотром и копируйте CSS.
Генератор Flexbox
Создавайте CSS flexbox код с визуальным редактором и живым предпросмотром.