CSS и дизайн
12 сервисовГенератор border-radius
Конструктор скруглений углов CSS. Все углы одинаково или каждый отдельно, превью прямоугольника.
Генератор clip-path
Готовые формы clip-path: треугольник, ромб, шестиугольник, звезда, стрелка и др. Превью + готовый CSS.
Генератор CSS box-shadow
Конструктор тени для блоков с превью карточки. Слайдеры X/Y/blur/spread, цвет, режим inset, несколько теней.
Генератор CSS-анимации
Готовые @keyframes анимации: fade, bounce, shake, pulse, spin, slideIn. Слайдеры длительности, повторов и timing-функции.
Генератор CSS-градиента
Визуальный конструктор linear- и radial-градиентов. Color stops, угол наклона, готовый CSS-код.
Конвертер px → rem / em / vw
Перевод значений CSS из пикселей в rem, em, vw, vh, % и обратно. Настраиваемый root font-size.
Конструктор Flexbox
Визуальный конструктор Flexbox: justify-content, align-items, gap, direction. Превью с цветными блоками + готовый CSS контейнера.
Палитра из HEX
Из одного цвета строит палитру 50–950 (как Tailwind) и комплементарные/аналогичные/триадные схемы.
Проверка контрастности WCAG
Проверяет контраст цвета текста и фона по WCAG 2.1. Уровни AA, AAA для обычного и крупного текста. Превью в реальном времени.
Типографическая шкала
Генератор размеров шрифтов по математической прогрессии. Готовые CSS-переменные с пресетами ratio: Golden, Major Third, Perfect Fourth и др.
CSS minifier и beautifier
Минификатор и форматтер CSS-кода. Удаляет комментарии, лишние пробелы и переносы. Обратное — приводит код к читаемому виду.
HEX ↔ RGB ↔ HSL
Конвертер цвета: HEX, RGB, HSL и HSLA одновременно с живым превью. Слайдеры для каждого канала.
Сделаю такой же под ваш бизнес
Адаптирую под ваши цены и процессы или разработаю новый с нуля. Напишите — обсудим задачу.
