Retro tarzda bir arayüz oluşturun — Neobrutalism ile.
Eski adıyla RetroUI.
NeoBrutalism, React ve Next.js için retro bir UI bileşen kütüphanesidir — açık kaynak bileşenler; Pro'da bloklar, şablonlar ve Figma kiti. Pro aboneliğinizi yönetmek, assetleri indirmek ve ekibinizi davet etmek için oturum açın.
Neobrutal bir Button, Pricing bloğu ve hero ekle — React + Tailwind, MCP ile
Tamam. Yapay zeka ajanın registry’yi aradı ve gerçek bileşenleri kurabilir.
MCP sunucusu- 50+ bileşen
- Radix ve Base UI
- shadcn CLI ile uyumlu
- Açık kaynak
- 158 hazır blok
- Bloklar ve şablonlar
- Figma kiti dahil
- RTL desteği
- Koyu tema
- MCP sunucusu desteği
- Sonsuza dek neobrütalizm
Hazır ve özelleştirilebilir
Şablonlar
Neobrütalist UI
Bileşenleri
Base UI ve Radix UI ile tasarlanmış, ölçeklenebilir shadcn UI bileşenlerini keşfedin — açılış sayfaları, SaaS panelleri ve modern web uygulamaları için birebir.
Akordeon
Açılıp kapanan içerik panelleri.
Uyarı
Bildirim mesajları.
Avatar
Kullanıcı görseli için yer tutucular.
Rozet
Durum gösteren etiketler.
Breadcrumb
Gezinme izleri.
Düğme
Etkileşimli eylem tetikleyicileri.
Anahtar
Aç / kapat kontrolleri.
Takvim
Tarih seçme ızgaraları.
Kart
İçerik kapsayıcıları.
Onay kutusu
Çoklu seçim kontrolleri.
Diyalog
Modal pencereler.
Sekmeler
Bölümlere ayrılmış içerik görünümleri.
Daha hızlı geliştirmek için 200+
Blok
Üretime hazır sayfa bölümleri — hero blokları, fiyat tabloları, özellik ızgaraları ve daha fazlası — doğrudan ürününüze eklenmeye hazır.
Hakkımızda
Şirketinizin hikâyesini ve misyonunu anlatın.
Yapay Zekâ
Yapay zekâ destekli sohbet arayüzleri ve asistanlar.
Kimlik Doğrulama
Giriş ve kayıt ekranları.
Bento Izgaralar
Farklı içerik bloklarına sahip modern ızgara düzenleri.
Bloglar
Makalelerinizi sergileyin.
Eylem Çağrısı
Etkileşimi artıran etkili eylem çağrıları.
Kartlar
Farklı içerik türleri için çok yönlü kart düzenleri.
Kariyer
Açık pozisyonları ve kariyer fırsatlarını sergileyin.
İletişim
İletişim formları ve bilgi bölümleri.
SSS
Sıkça sorulan sorular ve yanıtları.
Özellik Blokları
Ürününüzün özelliklerini ve avantajlarını sergileyin.
Alt Bilgi
Bağlantılar ve bilgiler içeren site alt bilgileri.
Hızlı yayınlamak için tasarlandı
sıkıcı görünmeden
Geliştiriciler için kurgulanmış bir ekosistem: güvenilir bir temel, yeniden kullanılabilir öğeler ve kod üzerinde tam kontrol. Ürünleriniz büyüdükçe arayüzleri geliştirmek — ve sürdürmek — için tasarlandı.
Kopyala-yapıştır ya da doğrudan CLI'nizi kullanın
Her bileşen, zaten kullandığınız shadcn CLI ile kurulur — ya da kaynağı doğrudan dokümandan kopyalayın. Her durumda kod, üzerinde çalışmaya hazır şekilde reponuza iner.
npx shadcn@latest add https://neobrutalism.com/r/base/button.jsonTamamen özelleştirilebilir
Her bileşen sizindir, dilediğiniz gibi değiştirin. Tailwind CSS ile renkleri, kenarlıkları, gölgeleri ve animasyonları markanıza göre ayarlarsınız.
En sevdiğiniz teknoloji yığınıyla bütünleşir
TypeScript ve Tailwind CSS kullanan React uygulamalarına sorunsuz uyum sağlar, shadcn/ui kalıplarını izler ve farklı framework'ler arasında esnek kalır.
shadcn ile birlikte MCP sunucusu desteği
AI editörünüzü Neobrutalism.com'in MCP sunucusuna yönlendirin; bileşenleri adıyla ekleyebilir — kopyala-yapıştır yok, bağlam değiştirme yok.
npx shadcn@latest mcp initSevilen bir topluluk:
geliştiriciler, tasarımcılar ve üreticiler
Bir UI kitine denk geldim ve hemen aldım. Yeni, aktif sürdürülüyor ve sürekli gelişiyor — harika bir iş! 🤘
Ziv Reich, Yazılım Geliştirici Sadece şunu söylemek istedim: neobrutalism.com harika olmuş. Gerçekten çok beğendim. Tasarımda berbatım, bu yüzden bu benim için müthiş oldu. Kişisel sitemde kullandım.
Paul Bratslavsky, Coding With Paul'ün yaratıcısı Sonunda kişisel web sitemi Neobrutalism.com ile yeniden yaptım — eğlenceli kütüphane, başlamak çok kolay!
Cameron Blackwood, İçerik Üreticisi Neobrutalism.com, retro tarzındaki en sevdiğim UI bileşen kütüphanelerinden biri — gerçekten ship edilebilen bileşenler.
Zhengyang Hou, Indie Hacker web için en sevdiğim ui kütüphanelerinden biri. harika iş — umarım çok daha ileri gider.
Taseen Tanvir, Kurucu ve Tasarımcı Neobrutalism.com Pro'yu denedim — her şeye benzemeyen bir UI kiti. Neobrütalist bloklar 🔥 tuhaf düzenleri prototiplemeyi çok hızlandırdı.
Nitesh Padghan, Ghostwriter Mükemmel denge ve akışa sahip harika bir landing page tasarımı. Renk paleti animasyonlarla birleşince olağanüstü bir kullanıcı deneyimi yaratıyor.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Sundukları tasarımdan gerçekten etkilendim. Nihai ürün tam olarak hayal ettiğimle örtüştü.
Desmond, Kurucu ortak @ VectorlabsVentures Bir ajans sahibi olarak müşteriler için landing page düzenlerini genelde haftalarca cilalarım. Neobrutalism.com ile bir şablon takıyorum, metni ayarlıyorum ve ship etmeye hazırım.
Duke Opoku Amankwah, Kurucu @ Midas Şablonlar yalnızca görsel olarak çarpıcı değil; aynı zamanda inanılmaz iyi yapılandırılmış. Bize haftalarca geliştirme süresi kazandırdı.
Abiola Braimah, Geliştirici @ Studio IX Üstün kalite ve detaylara özen. Responsive tasarım tüm cihazlarda sorunsuz çalışıyor.
Acromond X., Kurucu ortak @ VectorlabsVentures Bu şablonları iş akışımıza entegre etmek geliştirme döngümüzü ciddi şekilde kısalttı. Mükemmel iş.
Raquib S., Backend geliştirici Bu şablonlar başvurduğumuz ana kaynağımız oldu. Kod temiz, iyi belgelenmiş ve kolayca özelleştirilebilir.
Hallic M., Geliştirici @ AtlasLabs Neobrutalism.com şablonları estetik ile işlevsellik arasında mükemmel dengeyi kuruyor. Projelerimiz için gerçek bir dönüm noktası.
Ibrahim S., Frontend Lead @ ScaleUp Üstün destek ve premium kalitede şablonlar. Bu şablonların ROI’si fenomenal.
Kevin K., CEO @ WebCraft Neobrutalism.com şablonları yeni müşteri projelerine yaklaşımımızı tamamen değiştirdi. Kod kalitesi olağanüstü, tasarımlar gerçekten dünya standartlarında.
Danny G., DevStack kurucusu Birçok şablon kütüphanesi kullandım ama Neobrutalism.com performans optimizasyonu ve temiz kod mimarisine verdiği önemle öne çıkıyor.
Ian D., Wavelength CTO’su Bu şablonlardaki animasyonlar ve mikro etkileşimler gerçekten büyüleyici. Tasarım ekibimiz için en iyi yatırım.
Ben S., PixelPerfect Lead Designer Teknik olmayan bir kurucu olarak Neobrutalism.com şablonları, tasarım kalitesinden ödün vermeden MVP’mizi rekor sürede çıkarmamıza yardımcı oldu. Yatırımcılarımız çok etkilendi.
Matthew I., Startup kurucusu Bu bileşenlerin ne kadar modüler ve iyi belgelenmiş olduğunu takdir ediyorum. Farklı şablonlardan parçaları sorunsuzca birleştirebildik.
Garrett P., TechFusion Frontend Lead Neobrutalism.com şablonlarının ROI’si inanılmaz. Geliştirme süremizi ciddi şekilde kısaltırken müşterilere daha yüksek kaliteli siteler teslim ediyoruz.
Xavier C., Ajans sahibi
Hakkında
NeoBrutalism
Kim olduğumuz, markanın neleri kapsadığı ve sitede sırada nereye gideceğiniz — kurulum kılavuzu veya fiyat detayı değil.