ui-018 / Bileşen kütüphanesi
21st.dev
demo varKaynak ve kimlik
- Lisans
- ISC
- Yıldız
- 6.449
Sürüm kilidi
- Sürüm
- paket kurulmadı (21st.dev bileşen kimliği 26141)
- Çekilme tarihi
- (bileşen yalnız okundu, kod alınmadı)
Lisans ve paylaşım
- Lisans
- ISC (magic-mcp) + 21st Terms of Service
- Tek kişilik şirket
- koşullu
- Demo ve ekran görüntüsü
- koşullu
- Atıf
- ISC: telif ve izin bildirimi korunmalı. Marketplace bileşenini yeniden yayınlarken 21st.dev bileşen sayfasına görünür bağlantı gerekir. Önizleme görseli ve metadata ayrıca 21st Labs mülkiyetindedir.
11 Kasım 2026'da okunan Terms (güncelleme 20 Temmuz 2026): Marketplace içeriğini izinsiz yeniden dağıtmak yasak; bileşen kopyasında kaynak sayfaya bağlantı şart. Ücretli planlar MCP ve kod erişimini ayrı açabilir. Bu depoda 21st bileşen kodu yok: demodaki özellik ve fiyat kartı, 21st.dev «Pricing Card» (@felipemenezes098, id 26141) yön alınarak sıfırdan yazıldı; kodu okundu ama kopyalanmadı, çünkü bileşenin lisansı 21st kayıtlarında görünmüyor. Ayrıntı: data/twentyfirst-kaynak.json.
Kaynak diyor
Videoda ajana gerçek parçalar vermek için 21st.dev benzeri bileşen kütüphanesine erişim öneriliyor; ASR 21st Day yazıyor. Kaynak MCP demiyor.
İçerik üreticisi iddiası; bağımsız teknik kanıt değildir.
Bizim ek
Bağlanan magic-mcp, 21st MCPye geçişten sonra eski ayarları çalıştıran ince uyumluluk proxysi olarak yayımlanmaya devam eder; tüm ürün ailesinin deposu değildir.
Demo
Tam ekran aç ↗21st.dev ile çalışan kurgusal ürün demosu. HTML ve araç katkısı demo içinde belirtilir.
21st.dev (topluluk bileşeni): «Pricing Card», yazar @felipemenezes098. Kod alınmadı; yön referansı. Lisans: belirsiz; kodu projeye alınmadı.
Bununla ne yapılır?
Editoryal kullanım fikirleri; sınanmış özellik iddiası değildir.
Referansa uygun React bileşeni bulma
Editoryal kullanım fikri; kaynak iddiası veya READMEde sınanmış özellik değildir.
Prototip için hazır giriş bölümü seçme
Editoryal kullanım fikri; kaynak iddiası veya READMEde sınanmış özellik değildir.
Kullanılan bileşenler
OzellikKarti (21st.dev yön referansıyla yerel)
@/components/demos/twentyfirst-demo
components/demos/twentyfirst-demo.tsx:75
Bölümler: ozellikler
FiyatKarti (21st.dev «Pricing Card» yön referansıyla yerel)
@/components/demos/twentyfirst-demo
components/demos/twentyfirst-demo.tsx:21
Bölümler: fiyat
Düz HTML bölümleri: hero, dropdown, tablo, sss, form, altbilgi. Demo içinde “bu bölüm aracın değil” etiketi bulunur.