Инструменты дизайна
Цветовые палитры, инструменты типографики, калькуляторы отступов и утилиты UI-дизайна.
Tailwind Color Reference
Browse all Tailwind CSS color palettes with hex and RGB values.
Spacing Scale Generator
Generate consistent spacing scales for your design system.
Font Pairing Guide
Discover harmonious font combinations for headings and body text.
Line Height Calculator
Calculate optimal line height for readable typography.
Data URL Encoder
Convert files to base64 Data URLs for embedding in HTML and 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 код с визуальным редактором и живым предпросмотром.