shadcn/ui

Nedir?

shadcn/ui; Radix UI ilkelleri üzerine inşa edilmiş ve Tailwind CSS ile biçimlendirilmiş, CLI ile teslim edilen React + TypeScript bileşen tariflerinden oluşan bir settir. Bileşenleri `npx shadcn add <bileşen>` ile eklersiniz; kaynak kod sizin repo'nuza iner — tamamen düzenlenebilir, çalışma zamanı bağımlılığı yok, tedarikçi kilidi yok.

Ne işe yarar?

shadcn/ui; modern bir web uygulamasının tüm bileşen yüzeyini kapsar: diyaloglar, dropdown'lar, formlar, tablolar, sekmeler, araç ipuçları, bildirimler, tarih seçiciler, combo'lar, komut paletleri ve düzinelercesi. Her parça varsayılan olarak erişilebilir (ARIA, klavye navigasyonu, odak yönetimi), CSS değişkenleri ile temalanabilir ve Next.js App Router ve React Server Components ile uyumludur.

Nerede kullanılır?

shadcn/ui; 2025–2026'da yayımlanan binlerce Next.js ve Remix uygulamasının varsayılan bileşen başlangıcıdır — indie SaaS'tan Vercel, Linear ve Cal.com'daki kurumsal panellere kadar. 'Kaynağı repo'ya kopyala' modeli onu, npm-install bileşen kütüphanesi tuzağını reddeden ekiplerin tercih ettiği yaklaşım hâline getirdi.

Ne zaman ve neden ortaya çıktı?

shadcn/ui, bileşen kütüphanesi yorgunluk döngüsünü çözmek için 2023'te @shadcn tarafından yayımlandı — MUI, Chakra, Mantine hepsi kara kutu görüşler ve hiç kullanmadığınız özellikler için şişkin bundle'lar dayatıyor. Kaynağı repo'ya kopyalamak, ekiplerin bir hafta sonunda üretim UI'ı yayımlarken tasarım evrildiğinde tam kontrolü korumasını sağladı.

Internative'de neden kullanıyoruz?

shadcn/ui, şu anda üzerinde olduğunuz site dâhil 2026'da yayımladığımız her UI'nın temelidir. Bileşenler `src/components/ui/` altında yaşar ve onları tasarım token'larımıza ayarlarız. Bir müşteri 'tamamen özel bir tasarım sistemi' istediğinde shadcn ilkellerinden başlar ve dışarıya doğru evrimleriz — temel işten haftalar kazanırken ilk günden erişilebilirliği garanti altına alırız.