Fiyat Tablolarıbloklar
Paketlerinizi gösteren anlaşılır fiyat tabloları. 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
Fiyat Tabloları
11 blok — tam ekran önizlemesi, kodu ve kurulum adımlarını görmek için herhangi bir kartı açın.
- 01Pro
Renk Kodlu Fiyat Katmanları
Her biri kendi renk bandıyla taçlanan üç katman; aylık-yıllık geçiş ve gömülü özellik panelleri. React ve Tailwind — bantları renklendirin.
- 02Pro
E-posta Toplayan Fiyat Bento
Satırın yarısı ücretsiz deneme e-posta paneline, yanında marka tuvalde iki kompakt plan kartı. React ve Tailwind — formu bağlayın.
- 03Pro
Özellik Karşılaştırma Tablosu
Dört planı dokuz özellik satırına karşı koyan gerçek HTML tablosu; her hücre değer, tik veya çarpı. React ve Tailwind — satır ekleyin.
- 04Pro
Dört Sütunlu Fiyat Tablosu
İç kurallarla tek kenarlıklı plakaya birleşmiş dört plan; önerilen sütun üst kenardan yükseltilmiş. React ve Tailwind — bir planı işaretleyin.
- 05Pro
Ücretsiz Deneme Plan Seçici
Fiyat sayfasından sonraki adım: marka panelde radyo grubu olarak iki plan, altında fatura küçük yazısı. React ve Tailwind — ödeme akışına bırakın.
- 06Pro
İllüstrasyonlu Fiyat Kartları
Her plan kimin için olduğunu gösteren geniş bir illüstrasyonla açılır; önerilen kart satırdan yükseltilir. React ve Tailwind — kendi görsellerinizi koyun.
- 07Pro
Temel Özellikli Fiyat Kartları
Plan limitlerini temel özelliklerden ayıran kartlar; ters çevrilmiş koyu bant ve kayan yıllık geçiş. React ve Tailwind — iki fiyat alanını ayarlayın.
- 08Pro
Aylık Yıllık Anahtarlı Fiyatlandırma
Tek anahtar tüm fiyatları on aylık yıllık faturaya çevirir; ters renkli fiyat başlıkları ve diyagonal şerit. React ve Tailwind — matematiği kontrol edin.
- 09Pro
Şablon ve Özel Fiyatlandırma
Hangi seviye değil al ya da sipariş et: sabit fiyatlı şablon kartı yanında tabandan fiyatlı özel geliştirme. React ve Tailwind — görüşme ayarlayın.
- 10Pro
SSS'li Üç Kademeli Fiyatlandırma
Ortada dolu, şeritli bir Pro kartı; altında fiyat itirazlarını yanıtlayan dört soruluk SSS paneli. React ve Tailwind — faqs dizisini düzenleyin.
- 11Pro
İki Planlı Fiyat Karşılaştırması
Tek bir bölümlü faturalama anahtarını paylaşan tam iki plan; pro kartı vurgu yüzeyinde göz oraya kayar. React ve Tailwind — katmanları yeniden adlandırın.