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

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

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

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

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>

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

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

Glassmorphism Монохроматический умеренный компонент навигации по электронной коммерции с поддержкой темного режима

Открытый

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

Адаптивная навигационная составляющая в соответствии с принципами Material Design с триадической цветовой схемой, ориентированная на интерфейсы социальных сетей, с поддержкой темного режима.

Открытый

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

Компонент навигации с темной темой, адаптивным дизайном и без JavaScript.

Открытый