İçeriğe atla

Çekmeceli Hesap Navbar

Gezinme Çubuğu · Pro kaynağı

Gezintisi bir kenar çubuğunda yaşayan ürünler için imzalı bir çubuk; böylece ekranın üstü yalnızca kimlik ve çıkış taşımak zorundadır. Tam yükseklikte hücrelerden oluşan sabit 56px'lik bir satırdır — bir yanda kelime işareti, diğer yanda okunmamış sayaçlar, hesap adıyla avatar ve koyu bir Log Out. md altında sayaçlar ve Log Out, ayrıldıkları kenardan açılan bir yan çekmeceye taşınır.

Canlı önizlemeyi açNeobrütalism Pro'yu al
Gezinme Çubuğu
Neobrutalist React and Tailwind account navbar on a white bar with black rules: the SING wordmark on the left, a message icon and a bell with an unread dot, a yellow cell holding a round avatar and the name Zoe Smith, and a black Log Out cell with an exit icon.
Çekmeceli Hesap Navbar
  • Hero, fiyatlandırma ve auth
  • Her duraklama noktasını önizle
  • Kaynağı kopyala
  • MCP kuruluma hazır
  • Radix · Base UI · React Aria
  • 158 hazır bloklar
  • Gönderilen sayfa bölümleri
  • Gösterge panelleri ve pazarlama
  • Pro şifreyi açar
  • Açılır düzenler
ÖnizlemeÜcretsizTam ekran açın ve kesme noktasını veya temayı değiştirin.KodProTek, bağımsız TSX dosyası. Kopyalayın, kendiniz yapın.KurulumProTek bir shadcn CLI komutu — ya da Claude Code, Cursor veya herhangi bir MCP istemcisi için ajan istemi.

Oluşturulan yapı

Artı lucide-react ikonları ve Tailwind CSS — başka runtime bağımlılığı yok.

Gezinme Çubuğu için daha fazla düzen (7)

Hepsini görüntüle

https://neobrutalism.com/tr/blocks/navbar/account-navbar-with-user-drawer

Sevilen 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

Sıkça sorulan
sorular

Bu Çekmeceli Hesap Navbar bloğunun nasıl bir araya getirildiği, ne değiştirebileceğiniz ve burada diğer düzenler yerine ne zaman kullanması gerektiği.

Erişim engeli sorunu mu var? E-posta[email protected]
Get Pro — Save 33%--:--:--