Что такое tweakcn?

tweakcn - это интеллектуальная платформа для визуальной настройки компонентов shadcn/ui в React-экосистеме. Она предоставляет интуитивный интерфейс для изменения стилей через параметры Tailwind CSS с мгновенным предпросмотром. Совместима с Tailwind CSS v3 и v4, поддерживает современные цветовые форматы и генерирует готовый код для production.

Основные функции

• Интеллектуальный визуальный редактор с мгновенным предпросмотром

• Поддержка Tailwind CSS v3 и v4 с форматами OKLCH и HSL

• Коллекция оптимизированных тем для светлого и темного режимов

• Автоматическая генерация production-кода для React/Next.js

• Точный контроль радиусов, теней, отступов и типографики

Сценарии использования

• Ускоренная разработка с мгновенной визуальной обратной связью

• Создание согласованных дизайн-систем для команд

• Интерактивное изучение Tailwind CSS через эксперименты

• Разработка согласованных тем для светлого и темного режимов

Частые вопросы

• Вопрос: Нужна ли регистрация для использования?

Ответ: Нет, можно начать работу сразу без регистрации

• Вопрос: С какими фреймворками совместим?

Ответ: С shadcn/ui, React, Next.js и Tailwind CSS v3/v4

• Вопрос: Можно ли экспортировать код?

Ответ: Да, генерируется готовый код для production