Представляем shadcn/create – создайте свой собственный shadcn/ui Настройте всё. Выберите свою библиотеку компонентов, иконки, базовый цвет, тему, шрифты и создайте что-то, что не похоже на всё остальное. Теперь доступно для Next.js, Vite, TanStack Start и v0.

С самого первого коммита цель shadcn/ui заключалась в том, чтобы предоставить вам надежные настройки по умолчанию: отступы, цветовые токены, анимации, доступность, и позволить вам развивать это дальше. Настройте код. Добавьте новые компоненты. Измените цвета. Мы делаем это еще проще с помощью npx shadcn create.

Начните с библиотеки компонентов: Radix или Base UI. Мы переработали каждый компонент для Base UI, сохранив ту же абстракцию. Они полностью совместимы с вашими существующими компонентами, даже с теми, которые были загружены из удаленных реестров. Когда вы добавляете компоненты, мы автоматически определяем вашу библиотеку и применяем правильные преобразования.

Мы также добавляем 5 новых визуальных стилей, разработанных для того, чтобы помочь вам создать что-то уникальное. 1. Vega – Классический вид shadcn/ui. 2. Nova – Уменьшенное расстояние для компактных макетов. 3. Maia – Мягкий и округлый, с щедрым пространством. 4. Lyra – Угловатый и четкий. Хорошо сочетается с моно шрифтами. 5. Mira – Компактный. Создан для плотных интерфейсов.

Это выходит за рамки темизации. Ваша конфигурация не просто меняет цвета, она переписывает код компонентов, чтобы соответствовать вашей настройке. Шрифты, отступы, структура, даже используемые вами библиотеки — всё адаптируется под ваши предпочтения. Новый CLI заботится обо всём.

Попробуйте это. Нажмите +Новый проект на Особая благодарность команде @base_ui за создание невероятной библиотеки компонентов. Их работа сделала возможным создание всего без нарушения абстракции. Огромное спасибо.