Tabel Hargablok
Tabel harga yang jelas untuk menampilkan paket Anda. Blok UI React siap pakai dengan tampilan neobrutalisme — hero, pricing, auth, dashboard, dan lainnya. Pratinjau di setiap ukuran layar, salin kode, atau pasang lewat agen AI dengan server MCP kami. Berjalan dengan Radix UI, Base UI, dan React Aria.
- Hero, harga & auth
- Lihat pratinjau setiap titik henti
- Salin sumbernya
- MCP siap dipasang
- Radix · Base UI · React Aria
- 158 blok siap pakai
- Bagian halaman yang disertakan
- Dasbor & pemasaran
- Pro membuka kode
- Tata letak fleksibel
Jelajahi setiap tata letak
Tabel Harga
11 blok — buka kartu apa pun untuk pratinjau layar penuh, kode, dan langkah pemasangan.
- 01Pro
Tingkatan Harga Berkode Warna
Tiga tingkatan dengan pita warna masing-masing di atas, toggle Monthly ke Yearly, dan panel fitur cekung. React dan Tailwind — warnanya bisa diganti.
- 02Pro
Bento Harga Penangkap Email
Separuh baris untuk panel penangkap email uji coba gratis, dengan dua kartu paket ringkas di sampingnya pada kanvas brand. React dan Tailwind.
- 03Pro
Tabel Perbandingan Fitur
Tabel HTML sungguhan yang menyandingkan empat paket dengan sembilan baris fitur, tiap sel berisi nilai, centang, atau silang. React dan Tailwind.
- 04Pro
Tabel Harga Empat Kolom
Empat paket menyatu jadi satu bidang berbingkai oleh garis pemisah, kolom rekomendasi terangkat dari tepi atas. React dan Tailwind — tandai satu paket.
- 05Pro
Pemilih Paket Uji Coba Gratis
Langkah setelah halaman harga: dua paket sebagai grup radio di panel brand, di atas keterangan penagihan. React dan Tailwind — pasang di checkout.
- 06Pro
Kartu Harga Berilustrasi
Setiap paket dibuka dengan ilustrasi lebar tentang siapa penggunanya, dan kartu rekomendasi terangkat dari baris. React dan Tailwind — pasang karya Anda.
- 07Pro
Kartu Harga dengan Fitur Utama
Kartu yang memisahkan batasan paket dari fitur utama, di pita gelap terbalik dengan toggle tahunan bergeser. React dan Tailwind — isi kedua field harga.
- 08Pro
Harga dengan Sakelar Bulanan Tahunan
Satu sakelar mengubah semua harga ke tagihan tahunan setara sepuluh bulan, di atas header terbalik dan pita diagonal. React dan Tailwind — cek hitungannya.
- 09Pro
Harga Template vs Kustom
Beli atau pesan, bukan pilih tingkat: kartu template berharga tetap di samping pengerjaan kustom mulai dari. React dan Tailwind — jadwalkan panggilannya.
- 10Pro
Harga Tiga Tingkat dengan FAQ
Kartu Pro solid berpita di tengah, dengan panel FAQ empat pertanyaan di bawahnya yang menjawab keberatan soal harga. React dan Tailwind — edit array faqs.
- 11Pro
Perbandingan Harga Dua Paket
Tepat dua paket berbagi satu toggle penagihan tersegmentasi, dengan kartu pro di permukaan aksen. React dan Tailwind — ganti nama tingkatnya.