Kartublok
Tata letak kartu serbaguna untuk berbagai jenis konten. 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
Kartu
15 blok — buka kartu apa pun untuk pratinjau layar penuh, kode, dan langkah pemasangan.
- 01Pro
Survei Umpan Balik Ringkas
Tiga pertanyaan dalam sekitar tiga puluh detik: kolom email, baris lima bintang berpratinjau saat hover, satu kotak komentar. React dan Tailwind.
- 02Pro
Kartu Kontak dan Rating
Mengambil empat kolom kontak dengan ikon di ujung sebelum rating, lalu menuliskan skor dalam kata dari Poor sampai Excellent. React dan Tailwind.
- 03Pro
Kartu Kupon Hitung Mundur
Jam langsung jam, menit, dan detik berdetak di bawah ilustrasi kupon dan stiker penawaran yang diputar. React dan Tailwind, atur tanggal akhirnya.
- 04Pro
Kartu Kursus dengan Instruktur
Dibuka dengan panel glyph kode alih-alih foto, lalu pita statistik bergaris dan baris instruktur di atas Enrol now. React dan Tailwind.
- 05Pro
Kartu Kursus dengan Harga
Lencana harga menunggangi batas antara foto sampul dan teks, di atas tiga statistik dalam ubin ikon persegi. React dan Tailwind, beri harga dan terbitkan.
- 06Pro
Kartu Form Survei Detail
Dua bagian berjudul mengumpulkan nama dan email, dua select, slider kepuasan 0 sampai 5, skor bintang, dan komentar. React dan Tailwind.
- 07Pro
Kartu Penawaran Diskon
Stiker 40 persen yang diputar menjangkarkan separuh teks sementara foto fashion setinggi penuh mengisi sisi lain. React dan Tailwind.
- 08Pro
Kartu Umpan Balik Emoji
Lima wajah emoji bekerja sebagai ubin radio dari Very poor sampai Loved it, di atas kotak komentar opsional yang menghitung mundur dari 240.
- 09Pro
Kartu Profil Terbalik
Permukaan tinta terbalik yang tetap jadi kebalikan halaman: potret persegi, bio, tanggal bergabung, hashtag, tombol mail. React dan Tailwind.
- 10Pro
Kartu Daftar Newsletter
Banner ilustrasi outline mengepalai judul NEWSLETTER besar dan satu kontrol email plus subscribe yang menyatu. React dan Tailwind.
- 11Pro
Kartu Produk dengan Jumlah
Stepper minus dan plus yang mengumumkan setiap perubahan berada di samping harga yang dicoret, di atas add to cart. React dan Tailwind.
- 12Pro
Kartu Profil dengan Sampul
Avatar persegi menggantung setengah keluar dari pita sampul dengan titik online, di samping tombol follow, bio, dan tag keahlian. React dan Tailwind.
- 13Pro
Kartu Newsletter Terbelah
Terbelah 45 banding 55: panel ilustrasi di satu sisi, kolom email berlabel dan subscribe selebar penuh di sisi lain. React dan Tailwind.
- 14Pro
Kartu Ringkasan Langganan
Lencana sertifikat di atas empat alokasi kursi bertanda centang dan panel solid menyatakan biaya serta tanggal tagihan berikutnya. React dan Tailwind.
- 15Pro
Kartu Newsletter Lebar
Separuh teks, separuh karya seni poster tepi ke tepi kartu, dengan kolom email sebaris di bawah eyebrow bergaris bawah. React dan Tailwind.