Знайомлення з shadcn/create – створіть власний shadcn/UI Налаштовуйте все. Виберіть бібліотеку компонентів, іконки, базовий колір, тему, шрифти і створіть щось, що не схоже на все інше. Тепер доступний для Next.js, Vite, TanStack Start і v0.

Від самого першого коміта мета shadcn/ui полягала в тому, щоб дати вам чіткі стандартні параметри: інтервали, кольорові токени, анімації, доступність, і дати вам можливість діяти далі. Підкоригуйте код. Додайте нові компоненти. Змініть кольори. Ми робимо це ще простішим за допомогою NPX shadcn create.

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

Ми також додаємо 5 нових візуальних стилів, створених для того, щоб допомогти вам створити щось унікальне. 1. Vega – класичний стиль shadcn/ui. 2. Nova – Зменшена відстань для компактних макетів. 3. Майя – м'яка і округла, з великою відстанню. 4. Ліра – квадратна і гостра. Добре поєднується з моно шрифтами. 5. Міра – компакт. Створено для щільних інтерфейсів.

Це виходить за межі тематики. Ваша конфігурація не просто змінює кольори, вона переписує код компонента, щоб він відповідав вашій конфігурації. Шрифти, інтервали, структура, навіть бібліотеки, які ви використовуєте — все підлаштовується під ваші вподобання. Новий CLI піклується про все.

Спробуй. Натисніть +New Project on Особлива подяка команді @base_ui за створення неймовірної бібліотеки компонентів. Їхня робота полегшувала створення всього, не порушуючи абстракції. Величезний.