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

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

Glassmorphism Grayscale Simple Social Media Navigation Bar Component

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

HTML-код

<nav class="p-4 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg dark:bg-gray-800 dark:bg-opacity-10 dark:backdrop-filter dark:backdrop-blur-lg">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-gray-800 dark:text-white text-xl font-bold">SocialApp</div>
    <div class="flex space-x-4">
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Feed</a>
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Profile</a>
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Messages</a>
    </div>
  </div>
</nav>

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

Соцсети-Медиа-Стеклянный Морфизм-Навбар

Адаптивная панель навигации по социальным сетям Glassmorphism с темным режимом

Открытый

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

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

Открытый

Ретро/винтажная панель навигации по социальным сетям

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

Открытый