Statistikblok
Komponen untuk menampilkan statistik dan metrik. 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
Statistik
9 blok — buka kartu apa pun untuk pratinjau layar penuh, kode, dan langkah pemasangan.
- 01Pro
Statistik Area Chart
Area chart penjualan dan biaya tujuh hari berbagi kartu dengan total dan lencana deltanya, di atas empat angka. React dan Tailwind: ganti array trennya.
- 02Pro
Papan Statistik Bento
Dua kartu pertumbuhan sempit berakhir dengan tautan rincian di samping kartu brand dua kali lebar berisi angka utama. React dan Tailwind: arahkan hrefnya.
- 03Pro
Baris Statistik Ikon Ringkas
Strip statistik terpendek di set ini: empat kartu berisi ubin ikon di samping angka dan label dua kata. React dan Tailwind: selipkan di bawah hero.
- 04Pro
Panel Statistik Bersekat
Pita warna tepi ke tepi dengan tiga angka dalam satu panel yang dibelah garis dua piksel. React dan Tailwind: ganti teksnya dan sisipkan antar bagian.
- 05Pro
Statistik Donut Chart
Donut kepuasan dengan skor diketik di lubangnya, diapit empat kartu hitam dan putih bergantian. React dan Tailwind: ubah rasionya di satu array.
- 06Pro
Mosaik Statistik dengan CTA
Ajakan di satu sisi, buktinya di sisi lain: judul dan dua tombol di samping mosaik ubin tinggi dan pendek. React dan Tailwind: atur ulang ubinnya.
- 07Pro
Statistik dengan Panah Tren
Tiap kartu memasang cakram panah tren dan perubahan tertulis sejak tahun lalu pada satu garis dasar. React dan Tailwind: atur arah tiap tren.
- 08Pro
Dasbor Metrik Toko
Pengalih hari, pekan, bulan, dan tahun menukar empat kartu KPI, di atas rincian pendapatan dan produk terlaris. React dan Tailwind: ganti objek angkanya.
- 09Pro
Kartu Statistik dengan Sorotan
Tiga kartu metrik di atas tekstur buram, tepat satu diisi warna brand agar mata memilih pemenang. React dan Tailwind: pindahkan flag sorotannya.