Конструктор компонентов React Tailwind - Живой предпросмотр и Генератор кода

Бесплатный конструктор компонентов React Tailwind с живым предпросмотром. Создавайте кнопки, поля ввода, текстовые области, выпадающие списки и навигационные цепочки с Tailwind CSS. Мгновенный экспорт готового к производству React-кода.

Конструктор React-компонентов с Tailwind CSS

Создавайте React-компоненты с Tailwind CSS и смотрите живой предварительный просмотр

Тип компонента

Свойства

Адаптивный вид

Предварительный просмотр состояния

Живой предварительный просмотр

Сгенерированный код

<button 
  className="text-white bg-blue-500 py-2 px-4 m-0 border border-transparent rounded text-base font-medium hover:bg-opacity-90 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-pointer"
  
>
  Button
</button>
📚

Документация

Loading content...
🔗

Связанные инструменты

Откройте больше инструментов, которые могут быть полезны для вашего рабочего процесса