Компоненты Компоненты навигации Компонент бруталистской навигации

Компонент бруталистской навигации

Бруталистский компонент навигации с отзывчивым поведением и поддержкой темных тем.

Предварительный просмотр

HTML-код

<nav class="bg-yellow-400 dark:bg-purple-900 p-6 font-mono border-4 border-black dark:border-yellow-400">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-2xl font-bold text-black dark:text-yellow-400">Brutal Nav</div>
    <ul class="flex space-x-4">
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Home</a></li>
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Docs</a></li>
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Examples</a></li>
    </ul>
  </div>
</nav>

Связанные компоненты

Доска объявленийНавигация

Простой, отзывчивый навигационный компонент для доски объявлений о вакансиях или платформы для развития карьеры, включающий океан/синие тона, микровзаимодействия при наведении курсора и поддержку темного режима.

Открытый

Компонент компонентов навигации

Ретро-винтажный навигационный компонент для панели управления со сложным макетом с дополнительными цветами, адаптивным дизайном и поддержкой темных тем с использованием Tailwind CSS. Он включает в себя логотип, навигационные ссылки, строку поиска и информацию о профиле пользователя.

Открытый

Monospace_Developer_Simple_Finance_Navigation

Простой, чистый, вдохновленный кодом компонент навигации для финансовых/банковских интерфейсов, с моноширинными шрифтами, теплыми закатными тонами и полной отзывчивостью с поддержкой темного режима.

Открытый