Buat UI bergaya retro dengan Neobrutalism.
Sebelumnya RetroUI.
NeoBrutalism adalah pustaka komponen UI retro untuk React dan Next.js — komponen open source, plus block, template, dan kit Figma di Pro. Masuk untuk mengelola langganan Pro, mengunduh aset, dan mengundang rekan tim.
Tambah Button neobrutal, blok Pricing, dan hero — React + Tailwind, lewat MCP
Selesai. Agen AI-mu mencari di registry dan siap memasang komponen asli.
Server MCP- 50+ komponen
- Radix & Base UI
- Kompatibel dengan CLI shadcn
- Open source
- 158 blok siap pakai
- Blok & template
- Termasuk kit Figma
- Siap RTL
- Mode gelap
- Dukungan server MCP
- Neobrutalisme selamanya
Siap Pakai dan Bisa Dikustomisasi
Template
Komponen UI
neobrutalisme
Temukan komponen shadcn UI yang skalabel, dirancang dengan Base UI dan Radix UI — pas untuk landing page, dasbor SaaS, dan aplikasi web modern.
Accordion
Panel konten yang bisa dibuka-tutup.
Alert
Pesan notifikasi.
Avatar
Placeholder gambar pengguna.
Badge
Label penanda status.
Breadcrumb
Jejak navigasi.
Tombol
Pemicu aksi interaktif.
Switch
Kontrol on / off.
Kalender
Grid untuk memilih tanggal.
Card
Wadah konten.
Checkbox
Kontrol pilihan ganda.
Dialog
Jendela modal.
Tab
Konten dalam tab.
Bangun lebih cepat dengan 200+
Blok
Bagian halaman siap produksi — hero, tabel harga, grid fitur, dan lainnya — siap dijatuhkan langsung ke produk Anda.
Tentang Kami
Ceritakan kisah dan misi perusahaan Anda.
Kecerdasan Buatan
Antarmuka chat dan asisten bertenaga AI.
Autentikasi
Layar masuk dan daftar.
Grid Bento
Tata letak grid modern dengan beragam blok konten.
Blog
Tampilkan artikel Anda.
Call to Action
CTA yang meyakinkan untuk mendorong keterlibatan pengguna.
Kartu
Tata letak kartu serbaguna untuk berbagai jenis konten.
Karier
Tampilkan lowongan dan peluang karier.
Kontak
Formulir kontak dan bagian informasi.
FAQ
Pertanyaan yang sering diajukan beserta jawabannya.
Blok Fitur
Tampilkan fitur dan manfaat produk Anda.
Footer
Footer situs dengan tautan dan informasi.
Dirancang untuk Rilis Cepat
tanpa terlihat membosankan
Ekosistem yang dibuat untuk developer: fondasi yang andal, elemen yang bisa dipakai ulang, dan kendali penuh atas kode. Dibuat untuk mengembangkan antarmuka — dan merawatnya — seiring produk Anda tumbuh.
Salin-tempel, atau cukup pakai CLI Anda
Setiap komponen dipasang dengan CLI shadcn yang sudah Anda pakai — atau salin sumbernya langsung dari dokumentasi. Bagaimanapun, kodenya masuk ke repo Anda, siap diubah.
npx shadcn@latest add https://neobrutalism.com/r/base/button.jsonSepenuhnya bisa dikustomisasi
Setiap komponen milik Anda, ubah sesuka hati. Dengan Tailwind CSS, Anda menyesuaikan warna, garis, bayangan, dan animasi agar cocok dengan brand Anda.
Terintegrasi dengan tech stack favorit Anda
Menyatu mulus dengan aplikasi React yang memakai TypeScript dan Tailwind CSS, mengikuti pola shadcn/ui sekaligus tetap fleksibel di berbagai framework.
Dukungan server MCP bersama shadcn
Arahkan editor AI Anda ke server MCP Neobrutalism.com, dan ia bisa menambahkan komponen berdasarkan nama — tanpa salin-tempel, tanpa pindah konteks.
npx shadcn@latest mcp initDisukai oleh developer, desainer
& kreator
Saya menemukan UI kit ini dan langsung mengambilnya. Terkesan: masih baru, dirawat aktif, dan terus diperbaiki. Kerja luar biasa! 🤘
Ziv Reich, Software Developer Saya hanya ingin bilang: kerja yang bagus untuk neobrutalism.com. Benar-benar menyukainya. Saya payah soal desain, jadi ini sangat membantu. Saya memakainya di situs pribadi saya.
Paul Bratslavsky, Kreator Coding With Paul Akhirnya saya membangun ulang situs pribadi dengan Neobrutalism.com — pustaka yang seru, sangat mudah mulai!
Cameron Blackwood, Content creator Neobrutalism.com adalah salah satu pustaka komponen UI bergaya retro favorit saya — komponen yang benar-benar siap di-ship.
Zhengyang Hou, Indie hacker salah satu pustaka ui favorit saya untuk web. kerja yang keren — semoga proyeknya makin jauh melangkah.
Taseen Tanvir, Founder & desainer Baru mencoba Neobrutalism.com Pro — UI kit yang tidak mirip yang lain. Blok neobrutalismenya 🔥 bikin prototipe layout nyeleneh jauh lebih cepat.
Nitesh Padghan, Ghostwriter Desain landing page yang indah dengan keseimbangan dan alur yang pas. Palet warna digabung animasi menciptakan pengalaman pengguna yang luar biasa.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Saya sangat terkesan dengan desain yang mereka kirimkan. Produk akhir benar-benar sesuai dengan yang saya bayangkan.
Desmond, Co-founder @ VectorlabsVentures Sebagai pemilik agensi, biasanya saya butuh berminggu-minggu menyempurnakan layout landing untuk klien. Dengan Neobrutalism.com, saya pasang template, sesuaikan copy, dan siap ship.
Duke Opoku Amankwah, Founder @ Midas Template-nya tidak hanya memukau secara visual, tetapi juga terstruktur sangat rapi. Menghemat minggu-minggu waktu development.
Abiola Braimah, Developer @ Studio IX Kualitas luar biasa dan perhatian pada detail. Desain responsif berjalan mulus di semua perangkat.
Acromond X., Co-founder @ VectorlabsVentures Mengintegrasikan template ini ke alur kerja kami secara signifikan memangkas siklus development. Kerja yang bagus.
Raquib S., Backend Developer Template ini sudah jadi sumber andalan kami. Kodenya bersih, terdokumentasi dengan baik, dan mudah dikustomisasi.
Hallic M., Developer @ AtlasLabs Template Neobrutalism.com menyeimbangkan estetika dan fungsionalitas dengan sempurna. Benar-benar game-changer untuk proyek kami.
Ibrahim S., Frontend Lead @ ScaleUp Dukungan luar biasa dan template berkualitas premium. ROI template ini fenomenal.
Kevin K., CEO @ WebCraft Template Neobrutalism.com sepenuhnya mengubah cara kami menangani proyek klien baru. Kualitas kode luar biasa dan desainnya benar-benar world-class.
Danny G., Founder DevStack Saya sudah memakai banyak pustaka template, tetapi Neobrutalism.com menonjol karena perhatiannya pada optimasi performa dan arsitektur kode yang bersih.
Ian D., CTO di Wavelength Animasi dan micro-interaction di template ini benar-benar memukau. Investasi terbaik untuk tim desain kami.
Ben S., Lead Designer di PixelPerfect Sebagai founder non-teknis, template Neobrutalism.com membantu kami meluncurkan MVP dalam waktu rekor tanpa mengorbankan kualitas desain. Investor kami sangat terkesan.
Matthew I., Founder startup Saya menghargai betapa modular dan terdokumentasinya komponen ini. Kami bisa mencampur potongan dari template berbeda tanpa hambatan.
Garrett P., Frontend Lead di TechFusion ROI template Neobrutalism.com luar biasa. Kami memangkas waktu development secara dramatis sambil mengirim situs berkualitas lebih tinggi ke klien.
Xavier C., Pemilik agensi
Tentang
NeoBrutalism
Siapa kami, apa yang dicakup merek ini, dan ke mana pergi selanjutnya di situs — bukan panduan instalasi atau bedah harga.