Przedstawiamy shadcn/create – Stwórz własne shadcn/ui Dostosuj wszystko. Wybierz swoją bibliotekę komponentów, ikony, kolor bazowy, motyw, czcionki i zbuduj coś, co nie wygląda jak wszystko inne. Teraz dostępne dla Next.js, Vite, TanStack Start i v0.

Od samego pierwszego commita celem shadcn/ui było zapewnienie solidnych domyślnych ustawień: odstępów, tokenów kolorów, animacji, dostępności i pozwolenie Ci na dalsze działania. Dostosuj kod. Dodaj nowe komponenty. Zmień kolory. Ułatwiamy to jeszcze bardziej za pomocą npx shadcn create.

Zacznij od biblioteki komponentów: Radix lub Base UI. Przebudowaliśmy każdy komponent dla Base UI, zachowując tę samą abstrakcję. Są w pełni kompatybilne z Twoimi istniejącymi komponentami, nawet tymi pobranymi z zdalnych rejestrów. Kiedy dodajesz komponenty, automatycznie wykrywamy Twoją bibliotekę i stosujemy odpowiednie transformacje.

Dodajemy również 5 nowych stylów wizualnych, zaprojektowanych, aby pomóc Ci stworzyć coś unikalnego. 1. Vega – Klasyczny wygląd shadcn/ui. 2. Nova – Zredukowane odstępy dla kompaktowych układów. 3. Maia – Miękki i zaokrąglony, z dużymi odstępami. 4. Lyra – Kanciasty i ostry. Dobrze komponuje się z czcionkami mono. 5. Mira – Kompaktowy. Stworzony dla gęstych interfejsów.

To wykracza poza tematykę. Twoja konfiguracja nie tylko zmienia kolory, ale przepisuje kod komponentu, aby dopasować go do twojego ustawienia. Czcionki, odstępy, struktura, nawet biblioteki, których używasz, wszystko dostosowuje się do twoich preferencji. Nowe CLI zajmuje się tym wszystkim.

Spróbuj to zrobić. Kliknij +Nowy projekt na Szczególne podziękowania dla zespołu @base_ui za stworzenie niesamowitej biblioteki komponentów. Ich praca ułatwiła budowanie wszystkiego bez łamania abstrakcji. Ogromne.