CodeKitHubИнструменты CSS
Визуальные генераторы CSS — двигайте ползунки и копируйте код, не запоминая синтаксис.
Инструменты в этой категории
Генератор border-radius
Двигайте ползунки, чтобы скруглить каждый угол, и копируйте код border-radius.
Генератор box-shadow
Настройте ползунки смещения, размытия, растяжения и цвета, затем скопируйте код box-shadow.
Генератор теней для React Native
Настройте тень визуально и получите точный объект стилей React Native для iOS и Android.
Генератор CSS Cubic-Bezier
Настройте кривую плавности ползунками, посмотрите анимацию вживую и скопируйте CSS cubic-bezier().
Генератор Глитч-Текста CSS
Введите текст, выберите два цвета глитча и скопируйте анимированный CSS + HTML с эффектом разделения цвета.
Генератор CSS-лоадеров
Создайте вращающуюся, прыгающую или пульсирующую CSS-анимацию загрузки и скопируйте CSS + HTML.
Генератор CSS-чекбоксов
Оформите чекбокс со скруглённой галочкой, переключателем или закрашенным кругом и скопируйте CSS.
Генератор CSS-переключателя
Настройте размер, цвета и скругление, затем скопируйте доступный переключатель на основе checkbox как HTML и CSS.
Генератор CSS-треугольника
Выберите направление, размер и цвет, затем скопируйте треугольник на чистом CSS, построенный с помощью рамок.
Генератор глассморфизма CSS
Настройте прозрачность фона, размытие, границу и радиус, чтобы создать карточку из матового стекла, затем скопируйте CSS.
Генератор фоновых узоров CSS
Выберите узор (точки, полосы, шахматка, сетка), настройте цвет и размер, затем скопируйте CSS.
Генератор градиентов CSS
Создавайте линейные и радиальные градиенты с цветовыми точками и ползунком угла, затем копируйте CSS.
Генератор clip-path CSS
Выберите готовую форму, посмотрите живой предпросмотр обрезки и скопируйте сгенерированный CSS clip-path.
Справочник цветов Tailwind
Ищите любой стандартный цвет Tailwind в обе стороны: HEX в название класса или название класса в HEX/RGB — плюс полная просматриваемая палитра.
Конвертер Pantone CMYK RGB
Конвертируйте между кодами Pantone (PMS), CMYK, RGB и Hex в обе стороны, с доступом к поисковому справочнику из 1341 цвета Pantone.
Генератор рельефного текста CSS
Мгновенно создавайте эффекты выпуклого или гравированного текста CSS — введите текст, настройте стиль и интенсивность и скопируйте код CSS.
Генератор неонового текста
Мгновенно создавайте светящиеся неоновые эффекты текста CSS — введите текст, выберите цвет и интенсивность свечения и скопируйте код CSS.
Генератор золотой кнопки CSS
Мгновенно создавайте металлические CSS-кнопки золотого, серебряного, бронзового или розово-золотого цвета — введите текст, выберите металлический стиль и скопируйте код CSS.
Выбор цвета
Выберите любой цвет визуально или возьмите образец с загруженного изображения — с возможностью вывода в форматах HEX, RGB и HSL, а также с кнопками копирования.