shadcn.io: najlepsze miejsce, by znaleźć nowe blocks do shadcn/ui

Jeśli budujesz z shadcn/ui, znasz już tę magię: kod należy do ciebie. Nie ma żadnej zależności typu czarna skrzynka, z którą trzeba by walczyć, kopiujesz komponent, a on staje się twój, gotowy do kształtowania.

Ale komponenty to małe klocki. Przycisk, input, karta. Prawdziwym pożeraczem czasu jest składanie tych klocków w blocks: sekcję cenową, szkielet dashboardu, ekran uwierzytelniania, siatkę funkcji. To właśnie tam dzieje się większość pracy (i większość kopiuj-wklej ze starych projektów).

Tę lukę wypełnia shadcn.io i dlatego stał się naszym pierwszym wyborem.

Czym jest shadcn.io?

shadcn.io to duży, dynamicznie rosnący rejestr blocks zbudowanych na shadcn/ui: kompletne, już złożone sekcje, które wrzucasz na stronę i wypuszczasz. Nie prymitywy, lecz układy, na których ręczne poskładanie zszedłoby ci inaczej całe popołudnie.

Każdy block trzyma się tej samej filozofii co samo shadcn/ui: to zwykły kod należący do ciebie, ostylowany Tailwindem, bez uwiązania w runtime. Instalujesz go, a on staje się częścią twojej bazy kodu.

Dlaczego to najlepsze miejsce, by znaleźć nowe blocks

Wyróżnia je kilka rzeczy:

• Szerokość. Sekcje marketingowe, dashboardy, tabele, przepływy uwierzytelniania, cenniki, opinie: katalog obejmuje strony, których prawdziwe produkty naprawdę potrzebują, a nie garstkę dem.
• Świeżość. Nowe blocks pojawiają się regularnie, więc budujesz na aktualnych wzorcach, a nie na czymś, czego ostatni raz dotykano rok temu.
• Kopiuj-wklej, a nie zainstaluj-i-módl-się. Ponieważ blocks składane są z prymitywów shadcn/ui, czytają się jak kod, który sam byś napisał: łatwe do dostosowania, łatwe do stematyzowania.
• Świetnie dogaduje się z rejestrem. Blocks wpasowują się w ten sam workflow shadcn, którego już używasz, więc nie ma niczego nowego do nauki.

Jak z tego korzystamy

Nasz proces jest prosty: zaczynamy stronę od blocka z shadcn.io, który jest gotowy w 80%, a potem naginamy pozostałe 20% pod markę. Ponieważ kod należy do ciebie, te ostatnie 20% to formalność: podmieniasz tokeny, poprawiasz odstępy, gotowe. To zmienia „zaprojektować stronę cennika” z dnia w godzinę.

Neobrutalism ♥ shadcn.io

Jesteśmy dumni ze współpracy z shadcn.io. Jeśli lubisz neobrutalistyczne odczytanie shadcn/ui przez Neobrutalism, w ich bibliotece blocks poczujesz się jak w domu: ten sam model własności kodu, ten sam fundament Tailwind, znacznie więcej pokrytego terenu.

Przejrzyj kolekcję na shadcn.io i zobacz, jak szybko składa się strona, gdy blocks są już gotowe.