🧱 Neubeam — Open Source Neubrutalism Component Library
Neubeam adalah sebuah open source UI component library bergaya Neubrutalism, dibangun dengan Next.js, TypeScript, dan Tailwind CSS. Proyek ini saya kerjakan sebagai fun side project sekaligus media eksplorasi desain eksperimental yang memadukan gaya visual brutal, tegas, dan playful dalam bentuk komponen siap pakai.
🎯 Tujuan Proyek
- Mengeksplorasi dan menerjemahkan desain neubrutalism ke dalam sistem UI modern
- Menyediakan komponen modular dan customizable untuk digunakan pada berbagai proyek
- Mengasah kemampuan dalam membangun library berbasis komponen reusable
- Membuka ruang kolaborasi dan kontribusi open source
🧱 Teknologi yang Digunakan
| Teknologi | Deskripsi |
|---|---|
| Next.js | Framework React dengan SSR dan SSG yang powerful |
| TypeScript | Menambahkan type safety dan kejelasan struktur kode |
| Tailwind CSS | Utility-first CSS framework yang fleksibel dan efisien untuk styling |
| Open Source | Dirancang untuk bisa digunakan dan dikembangkan bersama oleh komunitas developer |
👨💻 Peran Saya
Sebagai inisiator dan pengembang utama, saya bertanggung jawab atas:
- Desain dan pembuatan berbagai komponen UI bergaya neubrutalism
- Strukturisasi dan dokumentasi agar library ini developer-friendly
- Penulisan kode dengan TypeScript agar lebih scalable dan maintainable
- Deploy dan pengelolaan website dokumentasi komponen via Vercel
🧩 Contoh Komponen
- 🔘 Buttons — bold, shadowed, dan expressive
- 📦 Cards — layout tegas dan kontras tinggi
- 📢 Alerts & Badges — brutal yet fun
- 🧾 Form Elements, Modals, dan lainnya (terus bertambah)
🌐 Link Live Project
🧑🤝🧑 Kolaborasi Open Source
Neubeam sangat terbuka untuk kontributor. Jika kamu tertarik eksplorasi desain neubrutalism atau ingin menambahkan komponen baru, silakan fork repo-nya dan buat pull request. Yuk bangun ekosistem UI yang beda dari biasanya!
Karena desain nggak harus selalu lembut — kadang, berani dan brutal itu justru estetik.