Перейти до вмісту

Мінімальний навбар із кнопками входу

Навігація · Вихідник Pro

Найпростіший навбар у наборі: текстовий логотип з одного боку, чотири посилання посередині й пара кнопок авторизації з другого. Нижче брейкпоінта md посилання й кнопки згортаються в панель, що розгортається, якою керує справжня кнопка: три смужки перетікають у хрестик. Нічого не позиціоновано й не закріплено, тож блок лягає просто над героєм, не борючись із ним за порядок накладання.

Відкрити живий прев'юОтримати Neobrutalism Pro
Навігація
Neobrutalist React and Tailwind navbar on a cream bar with a black bottom border: the Kestrel wordmark on the left, Product, Features, Pricing and About links in the centre, and outlined Log in and yellow Sign up buttons on the right.
Мінімальний навбар із кнопками входу
  • Hero, ціни та auth
  • Перегляд кожної точки зупину
  • Скопіювати вихідний код
  • MCP готовий до встановлення
  • Radix · Base UI · React Aria
  • 158 готові блоки
  • Розділи сторінки, що відправляються
  • Інформаційні панелі та маркетинг
  • Pro розблоковує код
  • Компоновки з можливістю вільного розміщення
ПереглядБезплатноВідкрийте на весь екран і перемикайте брейкпоїнт або тему.КодProОдин самостійний файл TSX. Скопіюйте, володійте.ВстановленняProОдна команда CLI shadcn — або підказка для агента в Claude Code, Cursor чи будь-якому MCP-клієнті.

Зроблено з

Плюс lucide-react іконки й Tailwind CSS — жодних інших залежностей.

Ще Навігація макетів (7)

Показати все

https://neobrutalism.com/uk/blocks/navbar/minimal-navbar-with-auth-buttons

Люблять розробники, дизайнери
і креатори

  • Натрапив на ваш UI-кіт і одразу забрав. Новий, активно підтримується і постійно вдосконалюється — чудова робота! 🤘

    Ziv Reich, Розробник ПЗ

  • Просто хочу сказати: neobrutalism.com — чудова робота. Справді подобається. З дизайном у мене біда, тож це просто порятунок. Поставив на свій особистий сайт.

    Paul Bratslavsky, Автор каналу Coding With Paul

  • Нарешті перезібрав свій особистий сайт на Neobrutalism.com — весела бібліотека, дуже легко почати!

    Cameron Blackwood, Контент-креатор

  • Neobrutalism.com — одна з моїх улюблених бібліотек UI-компонентів у ретростилі: компоненти, які справді можна ship’ити.

    Zhengyang Hou, Індіхакер

  • одна з моїх улюблених ui-бібліотек для вебу. класна робота, Аріф. сподіваюся, у проєкту все складеться на велике.

    Taseen Tanvir, Засновник і дизайнер

  • Спробував Neobrutalism.com Pro — UI-кіт, який не схожий на все інше. Необруталістичні блоки 🔥 прискорили прототипи дивних макетів.

    Nitesh Padghan, Гострайтер

  • Чудовий дизайн лендингу з ідеальним балансом і ритмом. Кольорова палітра разом з анімаціями створює винятковий користувацький досвід.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Я справді вражений дизайном, який вони здали. Фінальний продукт точно збігся з тим, що я уявляв.

    Desmond, Співзасновник @ VectorlabsVentures

  • Як власник агенції я зазвичай витрачаю тижні на доведення макетів лендингів для клієнтів. З Neobrutalism.com я підключаю шаблон, правля copy — і готовий до релізу.

    Duke Opoku Amankwah, Засновник @ Midas

  • Шаблони не лише візуально сильні, а й надзвичайно добре структуровані. Заощадили нам тижні розробки.

    Abiola Braimah, Розробник @ Studio IX

  • Виняткова якість і увага до деталей. Адаптивний дизайн бездоганно працює на всіх пристроях.

    Acromond X., Співзасновник @ VectorlabsVentures

  • Інтеграція цих шаблонів у наш workflow помітно скоротила цикл розробки. Відмінна робота.

    Raquib S., Backend-розробник

  • Ці шаблони стали нашим основним ресурсом. Код чистий, добре задокументований і легко кастомізується.

    Hallic M., Розробник @ AtlasLabs

  • Шаблони Neobrutalism.com знаходять ідеальний баланс між естетикою та функціональністю. Справжній game-changer для наших проєктів.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Відмінна підтримка і шаблони преміум-якості. ROI цих шаблонів феноменальний.

    Kevin K., CEO @ WebCraft

  • Шаблони Neobrutalism.com повністю змінили наш підхід до клієнтських проєктів. Якість коду виняткова, а дизайни — справді world-class.

    Danny G., Засновник DevStack

  • Я користувався багатьма бібліотеками шаблонів, але Neobrutalism.com вирізняється увагою до оптимізації продуктивності й чистої архітектури коду.

    Ian D., CTO у Wavelength

  • Анімації та мікроінтеракції в цих шаблонах абсолютно приголомшливі. Найкраща інвестиція для нашої design-команди.

    Ben S., Lead Designer у PixelPerfect

  • Як нетехнічний засновник, шаблони Neobrutalism.com допомогли нам запустити MVP в рекордні терміни без компромісів щодо якості дизайну. Наші інвестори були в захваті.

    Matthew I., Засновник стартапу

  • Мені подобається, наскільки модульні й добре задокументовані ці компоненти. Ми без тертя змішуємо частини з різних шаблонів.

    Garrett P., Frontend Lead у TechFusion

  • ROI шаблонів Neobrutalism.com неймовірний. Ми різко скоротили час розробки й при цьому віддаємо клієнтам сайти вищої якості.

    Xavier C., Власник агенції

Часто задавані
запитання

Як зібрано блок Мінімальний навбар із кнопками входу, що ви можете змінити й коли його використовувати замість інших макетів.

Проблема з доступом до блоку? Надішліть електронного листа[email protected]
Get Pro — Save 33%--:--:--