Компоненты Панель навигации Панель навигации в темном режиме

Панель навигации в темном режиме

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

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

HTML-код

<nav class="bg-gray-800 p-4 text-white">
  <div class="container mx-auto flex items-center justify-between">
    <div class="text-lg font-semibold">My Website</div>
    <div class="hidden md:flex space-x-4">
      <a href="#" class="hover:underline">Home</a>
      <a href="#" class="hover:underline">About</a>
      <a href="#" class="hover:underline">Services</a>
      <a href="#" class="hover:underline">Contact</a>
    </div>
    <div class="md:hidden">
      <button class="text-white focus:outline-none">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-4 6h4"></path>
        </svg>
      </button>
    </div>
  </div>
</nav>

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

Навигационная панель в стиле ар-деко

Отзывчивая панель навигации в стиле ар-деко для CRM/Business Tools с геометрическими узорами, насыщенными оттенками драгоценных камней и поддержкой темного режима. Разработан с умеренной сложностью, включая интерактивные элементы.

Открытый

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

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

Открытый

Скевоморфная панель навигации

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

Открытый