shadcn.io: shadcn/ui için yeni blocks bulmanın en iyi yeri

shadcn/ui ile geliştiriyorsanız, sihri zaten biliyorsunuz: kod sizindir. Karşısında mücadele edeceğiniz bir kara kutu bağımlılığı yoktur; bir bileşeni içeri kopyalarsınız ve o, şekillendirmeniz için sizin olur.

Ama bileşenler küçük parçalardır. Bir düğme, bir giriş alanı, bir kart. Asıl zaman kaybı, o parçaları blocks hâline getirmektir: bir fiyat bölümü, bir pano iskeleti, bir kimlik doğrulama ekranı, bir özellik ızgarası. İşin (ve eski projelerden kopyala-yapıştırın) büyük bölümü asıl orada gerçekleşir.

shadcn.io tam da bu boşluğu doldurur ve bu yüzden başvurulacak yerimiz oldu.

shadcn.io nedir?

shadcn.io, shadcn/ui üzerine kurulmuş, geniş ve etkin biçimde büyüyen bir blocks kütüphanesidir: bir sayfaya bırakıp olduğu gibi yayınlayabileceğiniz, eksiksiz ve önceden bir araya getirilmiş bölümler. İlkeller değil, yoksa kendiniz bir öğleden sonra boyunca elle birbirine bağlayacağınız yerleşimler.

Her block, shadcn/ui'nin kendisiyle aynı felsefeyi izler: Tailwind ile stillendirilmiş, çalışma zamanında hiçbir bağı olmayan, size ait sade koddur. Onu kurarsınız ve kod tabanınızın bir parçası olur.

Yeni blocks bulmanın neden en iyi yeri

Onu ayıran birkaç şey var:

• Genişlik. Pazarlama bölümleri, panolar, tablolar, kimlik doğrulama akışları, fiyatlandırma, referanslar: katalog, gerçek ürünlerin gerçekten ihtiyaç duyduğu sayfaları kapsar, bir avuç demoyu değil.
• Taze. Düzenli olarak yeni blocks gelir; böylece bir yıl önce en son dokunulmuş bir şeyle değil, güncel kalıplarla inşa edersiniz.
• Kopyala-yapıştır, kur-ve-dua-et değil. blocks, shadcn/ui ilkellerinden bir araya getirildiği için kendiniz yazmış olacağınız kod gibi okunur: özelleştirmesi kolay, temalandırması kolay.
• Registry ile uyum içinde. blocks, zaten kullandığınız aynı shadcn iş akışına yerleşir; yani öğrenilecek yeni bir şey yoktur.

Onu nasıl kullanıyoruz

Kendi akışımız basit: bir sayfaya, %80'i tamamlanmış bir shadcn.io block'uyla başlarız, sonra kalan %20'yi markaya uydururuz. Kod sizin olduğu için o son %20 bir formalite: token'ları değiştirin, boşlukları ayarlayın, tamam. Böylece „bir fiyat sayfası tasarlamak“ bir günden bir saate iner.

Neobrutalism ♥ shadcn.io

shadcn.io ile ortaklık kurmaktan gurur duyuyoruz. Neobrutalism'nin shadcn/ui'ye neobrütalist bakışını seviyorsanız, onların blocks kütüphanesinde kendinizi evinizde hissedersiniz: aynı kod sahipliği modeli, aynı Tailwind temeli, çok daha fazla kapsanan alan.

shadcn.io üzerinde koleksiyonu inceleyin ve blocks hazır olduğunda bir sayfanın ne kadar hızlı bir araya geldiğini görün.