Генератор градиентов Tailwind — бесплатно онлайн

Подбирать классы градиентов и теней в Tailwind — это часто метод проб и ошибок. Меняешь цвет, перезагружаешь, присматриваешься и снова лезешь в документацию. Мы добавили бесплатный инструмент, который избавляет от догадок — Tailwind Gradient Generator — прямо в вашем браузере.

Что он умеет

Вы настраиваете градиенты и тени на глаз и сразу видите, как меняется превью. Когда всё выглядит как надо, вы копируете точные классы Tailwind для этого. Не нужно угадывать, какой класс за что отвечает, и не нужно постоянно открывать документацию.

Ничего не покидает ваше устройство

Всё работает прямо в браузере. Ваши цвета и настройки никуда не загружаются и не сохраняются на сервере. Закрыли вкладку — и всё пропало.

Как пользоваться

  1. Откройте Tailwind Gradient Generator и выберите цвета и направление градиента или настройте тень.
  2. Смотрите на живое превью, пока не получите нужный вид.
  3. Скопируйте классы Tailwind и вставьте их прямо в свою разметку.

Это бесплатно и без ограничений. Другие небольшие инструменты есть на странице приложений.

Новые посты на почту

Скоро можно будет оставить email и получать новые посты — без аккаунта и спама.

Подписка по email пока не работает — сейчас ничего не собираем.