Shadcn/ui Nedir?

Shadcn/ui, bir bileşen kütüphanesinden çok bir koleksiyondur. Radix UI üzerine inşa edilmiştir ve Tailwind CSS ile stillendirilmiş bileşenler sunar. Kopyala-yapıştır yaklaşımıyla projenize doğrudan ekleyebileceğiniz bileşenlerden oluşur.

Geleneksel kütüphanelerin aksine, bileşenlerin kaynak koduna tam erişiminiz vardır ve dilediğiniz gibi özelleştirebilirsiniz.

Kurulum ve Kullanım

Shadcn/ui'yi bir projeye eklemek için CLI aracını kullanabilirsiniz. npx shadcn@latest init komutu ile gerekli yapılandırmayı yapabilirsiniz. Ardından ihtiyacınız olan bileşenleri tek tek ekleyebilirsiniz.

Her bileşen, projenize doğrudan kopyalanır ve tamamen kontrolünüz altındadır.

Bileşen Çeşitliliği

Shadcn/ui, buton, input, dialog, dropdown, tablo, form ve daha birçok bileşen sunar. Tüm bileşenler erişilebilirlik standartlarına uygun olarak tasarlanmıştır.

Buton, Input, Label gibi temel bileşenler Dialog, Popover, Dropdown gibi açılır bileşenler Tablo, Card, Badge gibi veri gösterim bileşenleri Form, Select, Checkbox gibi form bileşenleri

Tema ve Özelleştirme

Shadcn/ui, CSS değişkenleri ile tamamen özelleştirilebilir bir tema sistemi sunar. Koyu mod desteği yerleşiktir ve renk paletinizi kolayca değiştirebilirsiniz.

Topluluk ve Ekosistem

Shadcn/ui, geniş bir topluluğa sahiptir ve düzenli olarak güncellenir. Topluluk tarafından geliştirilen yüzlerce özel bileşen ve şablon bulabilirsiniz.