Özellik Bloklarıbloklar
Ürününüzün özelliklerini ve avantajlarını sergileyin. Neobrütalist görünümlü, kullanıma hazır React UI blokları — hero, pricing, auth, dashboard ve daha fazlası. Her ekran boyutunda önizleyin, kodu kopyalayın veya AI ajanınız ve MCP sunucumuz üzerinden kurun. Radix UI, Base UI ve React Aria ile çalışır.
- Hero, fiyatlandırma ve auth
- Her duraklama noktasını önizle
- Kaynağı kopyala
- MCP kuruluma hazır
- Radix · Base UI · React Aria
- 158 hazır bloklar
- Gönderilen sayfa bölümleri
- Gösterge panelleri ve pazarlama
- Pro şifreyi açar
- Açılır düzenler
Her düzeni gözden geçir
Özellik Blokları
11 blok — tam ekran önizlemesi, kodu ve kurulum adımlarını görmek için herhangi bir kartı açın.
- 01Pro
Asimetrik Özellik Kartları
İki kısa kart, tek eylem çağrılı bir uzun kartın yanında; üstte başlık ve ikon rozeti. React ve Tailwind — üç özelliği sıralayın.
- 02Pro
Bento Hizmetler Özellik Izgarası
Kenardan kenara bento paneller; çizgiler düzenin kendisi. Her biri kendi yüzey rengi, metni ve düğmesiyle. React ve Tailwind — hizmetlerinizi yazın.
- 03Pro
Çerçeveli Hizmetler Özellik Satırı
Kart yok, dolgu yok: hücre ısınırken yuvarlak ikon karoları gölgesini düşüren üç çizgili hücre. React ve Tailwind — sayfa dibine yeterince sakin.
- 04Pro
Ortalanmış Özellik İstatistik Kartı
Tam genişlik renk bandında tek ortalanmış panel: ikon rozeti, iddia, üç istatistik kartı ve bir düğme. React ve Tailwind — nefes arası için kullanın.
- 05Pro
Kod Önizleme Özellik Bölünmesi
Terminalle kanıt: kaymalı blokta deploy logu ve iki uptime karosu yanında üç çizgili yetenek. React ve Tailwind — kendi çıktınızı yapıştırın.
- 06Pro
İkon Kart Özellik Üçlüsü
Tonlu bantta eşdeğer kartlar; her birinde yuvarlak ikon karosu ve köşeye kırpılmış döndürülmüş kare. React ve Tailwind — her yüzey çiftini renklendirin.
- 07Pro
Metrik Bant Özellik Bölümü
Yüksek kontrastlı bantta iki satırlık iddia yanında ikiye iki dört metrik kart; tıklanacak bir şey yok. React ve Tailwind — bölümler arasına bırakın.
- 08Pro
Mobil Uygulama Özellik Listesi
Telefon mockup'ı yanında sonuç olarak yazılmış üç fayda satırı, kaymalı gölgeli manşet ve iki eylem çağrısı. React ve Tailwind — yeni mockup dışa aktarın.
- 09Pro
Telefon Mockup Özellik Izgarası
Ortada telefon mockup'ı, iki yanda dörder kart; her biri tam genişlikte düğmeyle biter, süslemeler çaprazda. React ve Tailwind — sayı çift kalsın.
- 10Pro
Yığılmış Kart Özellikleri
Tam genişlikte renk bandında ikon satırları argümanı kurar, örtüşen kanıt kartları cevaplar. React ve Tailwind — hero'nun hemen altına koyun.
- 11Pro
Etiketli Özellik Kart Izgarası
Altı kart, her biri tek bağlantı; kategori etiketli ve hover'da oku kayan altbilgi çubuğuyla kapanır. React ve Tailwind — altı veya on iki yazın.