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

Панель навигации по блогам

Адаптивная панель навигации с поддержкой темного режима для веб-сайтов блогов и контента. Отличается минималистичным/плоским дизайном с пастельной цветовой гаммой.

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

HTML-код

<nav class="bg-pink-100 dark:bg-purple-900 p-4">
  <div class="container mx-auto flex justify-between items-center">
    <a href="#" class="text-lg font-semibold text-gray-800 dark:text-white">My Blog</a>
    <div class="flex space-x-4">
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Home</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Blog</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">About</a>
      <a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Contact</a>
    </div>
  </div>
</nav>

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

3D_Corporate_Blues_Food_Restaurant_Nav

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

Открытый

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

Адаптивный компонент панели навигации, выполненный в скевоморфном стиле с поддержкой темной темы с использованием Tailwind CSS.

Открытый

Панель навигации по социальным сетям

Glassmorphism Grayscale Simple Social Media Navigation Bar Component

Открытый