NeobrütalistReact UI bileşenleri
Neobrütalist tarzda erişilebilir React bileşenleri — kalın kenarlıklar, sert gölgeler, gür renkler. Her biri Radix UI, Base UI ve React Aria sürümüyle gelir, shadcn CLI ile kurulur ve size ait bir kod olarak teslim edilir.
- 50+ bileşenler
- Kalın kenarlıklar, keskin gölgeler
- shadcn CLI yükle
- Radix · Base UI · React Aria
- Radix · Base UI · React Aria
- Varsayılan olarak erişilebilir
- Kod size ait
- MCP sunucu desteği
- Karanlık mod ve RTL
- Gürültücü küçük etiketler
Tüm bileşenler
Açılır kutu
Yazarken seçenekleri filtreleyen bir otomatik tamamlama giriş alanı — ülke seçiciler, etiket giriş alanları, uzun seçim listeleri — neobrütalist kenarlıklar ve gölgelerle.
Açılır menü
Satır işlemleri, hesap değiştiriciler ve görüntüleme seçenekleri için düğmeyle açılan bir menü — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Açılır pencere
Tarih seçiciler, filtreler ve satır içi formlar için bir tetikleyiciye sabitlenmiş, yüzen bir panel — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Akordeon
Sıkça Sorulan Sorular, ayarlar ve içerik yoğun sayfalar için dikey olarak üst üste yerleştirilmiş, genişletilebilir bölümlerden oluşan bir set — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Alan
Ayar panelleri, ödeme formları ve kayıt akışları için etiket, kontrol, yardım metni ve hata alanları — neobrütalist form tasarımıyla.
Anahtar
Neobrutalist tarzda kenarlık ve gölge efektleriyle tasarlanmış, bildirimler, karanlık mod ve özellik bayrakları gibi ayarları anında etkinleştirmek veya devre dışı bırakmak için bir açma/kapama düğmesi.
Avatar
Profil menüleri, yorum dizileri ve ekip listeleri için baş harfleri içeren bir kullanıcı resmi — neobrütalist tarzda kalın kenarlık uygulamasıyla.
Ayırıcı
Menüleri, araç çubuklarını ve listeleri ayıran yatay veya dikey bir çizgi — neobrütalist çerçevelerle aynı düz kenarlık renginde çizilir.
Bağlam menüsü
Dosya satırları, çalışma alanları ve veri tabloları için sağ tıklama menüsü — neobrütalist kenarlık ve gölge efektleriyle sunulan bağlamsal eylemler.
Boş
Sonuçsuz aramalar, boş gösterge panelleri ve ilk çalıştırma ekranları için yer tutucu — neobrütalist çerçeveler içinde yer alan simge, başlık ve eylem.
Çekmece
Mobil menüler, filtreler ve hızlı formlar için herhangi bir kenardan kayarak açılan, hareketlerle kontrol edilen bir sayfa — neobrütalist kenarlıklar ve gölgelerle.
Daraltılabilir
Dosya ağaçları, gelişmiş ayarlar ve “daha fazlasını göster” bölümleri için bir tetikleyici-panel çifti — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Düğme
Form gönderimleri, araç çubukları ve geri dönüşü olmayan onaylar için tıklanabilir bir tetikleyici — kalın kenarlıklarla ve tıklandığında içine gölge düşen bir tasarıma sahip.
Düğme grubu
Düğmeleri, araç çubuklarını ve giriş eklentilerini tek bir çerçeveli birim halinde birleştirir — tek bir kalın kenarlık, tek bir keskin gölge, tek bir ortak tıklama.
En-boy oranı
Görüntüleri, gömülü videoları ve haritaları boyutlandırılırken sabit bir en-boy oranına göre sınırlar — neobrütalist kartların ızgara içinde kalmasını sağlayan mizanpaj aracı.
Etiket
Giriş alanları, onay kutuları, anahtarlar ve radyo düğmesi grupları için bir başlık — tıklamalar kontrolü etkinleştirir; başlık, neobrütalist yazı tipiyle yazılmıştır.
Geçiş
Araç çubuğundaki biçimlendirme, sessize alma ve sabitleme denetimleri için iki konumlu bir açma/kapama düğmesi — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Geçiş grubu
Editör araç çubukları, görünüm değiştiriciler ve filtre çubukları için iki durumlu düğme grupları — neobrütalist kenarlık ve gölge efektleriyle.
Gezinme menüsü
Site başlıkları, belge gezinme menüleri ve uygulama şablonları için bağlantılar ve açılır panellerden oluşan yatay bir çubuk — neobrütalist kenarlıklar ve keskin gölgelerle.
Giriş
Giriş alanları, arama çubukları ve ödeme formları için tek satırlık bir metin alanı — neobrütalist tarzda kalın kenarlık ve keskin gölge efektleriyle.
Giriş grubu
Arama çubukları, URL alanları ve sohbet oluşturucularındaki giriş alanlarına simgeler, düğmeler ve klavye ipuçları ekleyin — neobrütalist kenarlıklar ve gölgelerle.
İlerleme
Bir görev tamamlandıkça (yüklemeler, kurulumlar, çok adımlı kayıt süreci) dolan, neobrütalist tarzda kenarlık ve gölge efektleriyle tasarlanmış ince bir çubuk.
İletişim kutusu
Onaylar, hızlı formlar ve geri dönüşü olmayan işlem uyarıları için kullanılan bir modal pencere — kalın kenarlıklar ve belirgin bir gölgeyle sayfanın üzerine yerleştirilmiş.
İpucu
Simge düğmeleri, klavye kısayolları ve kısaltılmış etiketler için fareyle üzerine gelindiğinde ve odaklandığında görünen ipuçları — neobrütalist kenarlık ve gölge efektleriyle.
İskelet
Veriler yüklenirken kartlar, avatarlar ve tablolar için kullanılan, neobrütalist tarzda kalın kenarlık efektine sahip, yanıp sönen bir yer tutucu blok.
Kart
Kontrol panelleri, fiyat kademeleri ve ürün tabloları için kenarlıklı bir kutu — başlık, içerik ve altbilgi, neobrütalist sert gölge efektiyle tasarlanmıştır.
Kaydırıcı
Ürün galerileri, müşteri yorumları ve ana görsel bölümleri için kaydırılabilir bir slayt gösterisi — neobrütalist çerçeveler ve keskin gölgelerle süslenmiş.
Kaydırıcı
Bir değer veya aralık seçmek için sürüklenebilir bir giriş alanı — ses seviyesi, fiyat filtreleri, ayarlar — neobrütalist tarzda kenarlık ve gölge efektleriyle tasarlanmış.
Kaydırma alanı
Sohbet pencereleri, kenar çubukları ve dosya ağaçları için özel, tarayıcılar arası uyumlu kaydırma çubuklarına sahip, kaydırılabilir bir kap — kalın, neobrütalist bir kaydırma çubuğu ile.
Kenar çubuğu
Kontrol panelleri, belgeler ve yönetim araçları için katlanabilir bir uygulama kabuğu gezinme paneli — neobrütalist kenarlık ve gölge efektleriyle.
Klavye
Menülerde, araç ipuçlarında ve komut paletlerinde kısayol ipuçları için klavye tuş kapakları — neobrütalist kenarlıklar ve gölgelere sahip yerel bir kbd öğesi.
Komut
⌘K menüleri, genel arama ve hızlı eylemler için klavyeyle kontrol edilen bir komut paleti — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Menü çubuğu
Uygulama tarzı araç çubukları, düzenleyiciler ve gösterge panelleri için açılır menülerden oluşan yatay bir çubuk — neobrütalist kenarlık ve gölge efektleriyle.
Metin alanı
Yorumlar, tanıtım metinleri ve destek mesajları için çok satırlı bir metin giriş alanı — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Öğe
Bildirim akışları, ayar listeleri ve dosya satırları için medya, başlık, açıklama ve eylem alanlarına sahip esnek bir satır — neobrütalist tarzında.
Onay kutusu
Onay kutuları, çoklu seçim filtreleri ve toplu satır seçimi için ikili bir anahtar — neobrütalist kenarlık ve gölge efektleriyle.
OTP girişi
İki Aşamalı Kimlik Doğrulama (2FA), oturum açma doğrulaması ve PIN ekranları için tek seferlik kod girişi — neobrütalist kenarlıklar ve keskin gölgelere sahip, yapıştırma özelliğine sahip alanlar.
Radyo grubu
Planlar, kargo seçenekleri ve ayarlar formları için tek seçenekli radyo düğmeleri seti — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Rozet
Kartlar, tablolar ve gezinme öğelerindeki durumlar, sayı ve etiketler için küçük bir etiket — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Sayfa yolu
Sayfanın site hiyerarşisi içindeki konumunu — belgeler, mağaza kategorileri ve kontrol panelleri için bağlantı yolları — kalın, neobrütalist yazı tipiyle gösterir.
Sayfalama
Arama sonuçları, tablolar ve arşivler için önceki/sonraki düğmeleriyle birlikte numaralandırılmış sayfa bağlantıları — neobrütalist “çerçeve ve gölge” tarzında.
Seçim
Tek bir seçeneği belirlemeye yarayan bir açılır menü — ülke alanları, sıralama düzenleri, tema ayarları — kalın neobrütalist kenarlıklar ve keskin gölgelerle.
Sekmeler
Neobrutalist tarzda kenarlık ve gölge efektleriyle, katmanlı içerik panelleri — ayar sayfaları, kontrol panelleri ve kod önizlemeleri — arasında geçiş yapın.
Sonner
Kaydetme onayları, yüklemeler ve geri alma pencereleri için üst üste dizilmiş bildirimler — neobrütalist kenarlık ve gölge efektleriyle.
Tablo
Faturalar, yönetici listeleri ve fiyat tabloları için anlamsal bir HTML tablosu — kenarlıklı satırlar, kalın başlıklar ve keskin bir neobrütalist gölge.
Takvim
Rezervasyonlar, planlama ve aralık seçimi için aylık ızgaralı tarih seçici — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Tarih seçici
Formlarda ve filtrelerde tek bir tarih, tarih aralığı ve doğum günlerini seçmeye yarayan, neobrütalist kenarlıklar ve keskin gölgelere sahip bir açılır takvim.
Tipografi
Başlıklar, ana metin, listeler, tablolar ve satır içi kodlar için genel amaçlı şablonlar — neobrütalist ağır stilinde dizilmiş.
Uyarı
Form hataları, uyarılar ve işlem başarı onayı için satır içi açıklama kutuları — durum rengine göre renklendirilmiş, neobrütalist kenarlıklar ve keskin gölgelere sahip paneller.
Uyarı iletişim kutusu
Silme, oturumu kapatma, iptal etme gibi geri dönüşü olmayan işlemler sırasında akışı durduran ve neobrütalist tarzda kenarlık ve gölge efektlerine sahip bir modal.
Üzerine gelince kart
Fareyle üzerine gelindiğinde açılan, neobrütalist tarzda kenarlık ve gölge efektlerine sahip yüzen önizlemeler — profil önizlemeleri, bağlantı önizlemeleri, sözlük terimleri.
Veri tablosu
Yönetici panelleri, kontrol panelleri ve sipariş listeleri için sıralanabilir, filtrelenebilir ve sayfalandırılabilir tablolar — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Yan panel
Navigasyon çekmeceleri, filtreler ve düzenleme formları için ekran kenarından içeri kayan bir panel — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Yeniden boyutlandırılabilir
Kod düzenleyiciler, dosya ağaçları ve kontrol paneli düzenleri için sürüklenebilir bölünmüş paneller — neobrütalist tarzda kenarlık ve gölge efektleriyle.
Yerel seçim
Formlar, filtreler ve ülke seçiciler için yeniden tasarlanan yerel HTML select öğesi — neobrütalist kenarlıklar ve gölgelere sahip, işletim sistemi tarafından görüntülenen açılır menü.
Yön
Bileşenleri soldan sağa (LTR) ve sağdan sola (RTL) yön arasında değiştiren bir bağlam sağlayıcı; böylece menüler, kaydırma çubukları ve sekmeler Arapça, İbranice ve Farsça dillerinde doğru şekilde yansıtılır.
Yükleniyor
Bekleyen gönderme, veri alma işlemleri ve satır içi meşgul durumları için animasyonlu bir yükleme göstergesi — herhangi bir neobrütalist kontrol için hazır kullanıma uygun bir simge.