Kartlarbloklar
Farklı içerik türleri için çok yönlü kart düzenleri. 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
Kartlar
15 blok — tam ekran önizlemesi, kodu ve kurulum adımlarını görmek için herhangi bir kartı açın.
- 01Pro
Kompakt Geri Bildirim Anketi
Yaklaşık otuz saniyede üç soru: e-posta alanı, üzerine gelince önizleyen beş yıldız, bir yorum kutusu. React ve Tailwind. Uç noktanıza gönderin.
- 02Pro
İletişim ve Puanlama Form Kartı
Puanlamadan önce sondaki simgeli dört iletişim alanı alır, sonra skoru Kötü'den Mükemmel'e kelimelerle yazar. React ve Tailwind. CRM'inize bağlayın.
- 03Pro
Geri Sayım Kupon Kartı
Canlı saat, dakika ve saniye saati kupon illüstrasyonu ve döndürülmüş teklif çıkartmasının altında tıklar. React ve Tailwind. Bitiş tarihini ayarlayın.
- 04Pro
Eğitmenli Kurs Kartı
Fotoğraf yerine kod glifi paneliyle açılır, sonra çizgili istatistik şeridi ve Kaydol'un üstünde eğitmen satırı. React ve Tailwind. Müfredatınızı yükleyin.
- 05Pro
Fiyat Rozetli Kurs Kartı
Fiyat rozeti kapak fotoğrafı ile metin arasındaki dikişi biner; altında kare ikon kutularında üç istatistik. React ve Tailwind. Fiyatlayın, yayınlayın.
- 06Pro
Ayrıntılı Anket Formu Kartı
İki başlıklı bölüm ad ve e-posta, iki seçim, 0–5 memnuniyet kaydırıcısı, yıldız puanı ve yorum toplar. React ve Tailwind. Uzun cevapları alın.
- 07Pro
İndirimli Promo Teklif Kartı
Döndürülmüş %40 çıkartma metin yarısını sabitler; diğer yarı tam yükseklikte moda fotoğrafı. React ve Tailwind. Sayıyı değiştirin, çalıştırın.
- 08Pro
Emoji Puanlama Geri Bildirim Kartı
Beş emoji yüz Very poor'dan Loved it'e radyo karoları; isteğe bağlı yorum kutusu 240'tan geri sayar. React ve Tailwind. Ruhu hızlı okuyun.
- 09Pro
Ters Profil Kartı
Sayfanın tersi kalan ters mürekkep yüzeyi: kare portre, biyo, katılma tarihi, hashtag'ler, posta düğmesi. React ve Tailwind. Biyo kartı olarak kullanın.
- 10Pro
Bülten Kayıt Kartı
Anahatlı illüstrasyon bandı, display boyutu NEWSLETTER başlığı ve birleşik e-posta ile abone kontrolünün üstünde. React ve Tailwind. Listenize bağlayın.
- 11Pro
Miktar Adımlı Ürün Kartı
Her değişikliği duyuran eksi ve artı adımlayıcı, üstü çizili fiyatın yanında; sepete ekle üstünde. React ve Tailwind. Sepetinize bağlayın.
- 12Pro
Kapaklı Profil Kartı
Kare avatar kapak bandından yarı dışarı sarkar; çevrimiçi nokta, takip düğmesi, biyo ve yetenek etiketleri. React ve Tailwind. Ekip ızgarasına sabitleyin.
- 13Pro
Bölünmüş Bülten Kartı
45/55 bölünme: bir yanda illüstrasyon, diğer yanda etiketli e-posta ve tam genişlik abone ol. React ve Tailwind. Kenar çubuğuna sığdırın.
- 14Pro
Abonelik Özeti Kartı
Sertifika rozeti, dört tikli koltuk tahsisi ve tutar ile sonraki fatura tarihini gösteren dolu panel. React ve Tailwind. Ödeme sonrası gösterin.
- 15Pro
Geniş Bülten Kartı
Yarısı metin, yarısı kart kenarına kadar giden poster; altı çizili üst etiket altında satır içi e-posta alanı. React ve Tailwind. Okuyucu kaydı.