shadcn/create ile tanıştırmak – Kendi shadcn/arayüzünüzü oluşturun Her şeyi özelleştir. Bileşen kütüphanenizi, simgeleri, temel rengi, temayı, fontları seçin ve diğer her şeye benzemeyen bir şey oluşturun. Şimdi Next.js, Vite, TanStack Start ve v0 için mevcut.

İlk commit etmekten itibaren, shadcn/ui'nin amacı size sağlam varsayılan değerler sunmaktı: boşluklar, renk belirteçleri, animasyonlar, erişilebilirlik ve oradan devam etmenize izin vermek. Kodu değiştir. Yeni bileşenler ekleyin. Renkleri değiştirin. Bunu npx shadcn create ile daha da kolaylaştırıyoruz.

Bir bileşen kütüphanesi ile başlayın: Radix veya Base UI. Temel arayüz için her bileşeni yeniden inşa ettik, aynı soyutlamayı koruduk. Mevcut bileşenlerinizle, hatta uzak kayıtlardan alınanlar bile tamamen uyumludur. Bileşen eklediğinizde, kütüphanenizi otomatik olarak algılar ve doğru dönüşümleri uygularız.

Ayrıca, benzersiz bir şey inşa etmenize yardımcı olacak 5 yeni görsel stil ekliyoruz. 1. Vega – Klasik shadcn/ui görünümü. 2. Nova – Kompakt düzenler için azaltılmış aralık. 3. Maia – Yumuşak ve yuvarlak, geniş aralıklara sahip. 4. Lyra – Kutu gibi ve keskin. Mono fontlarla iyi uyum sağlıyor. 5. Mira – Kompakt. Yoğun arayüzler için tasarlanmış.

Bu temaların ötesine geçiyor. Yapılandırmanız sadece renkleri değiştirmekle kalmaz, bileşen kodunu kurulumunuza uyacak şekilde yeniden yazar. Fontlar, boşluklar, yapı, hatta kullandığınız kütüphaneler bile, her şey tercihlerinize göre uyum sağlar. Yeni CLI her şeyi hallediyor.

Git bir dene. +Yeni Proje aç tıklayın Harika bir bileşen kütüphanesi oluşturan @base_ui ekibine özel bir teşekkür. Çalışmaları, soyutlamayı bozmadan her şeyi inşa etmeyi kolaylaştırıyordu. Kocaman.