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

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

Адаптивная навигационная составляющая с темным режимом для социальных сетей (ретро/винтаж, земляные тона, умеренная сложность)

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

HTML-код

<nav class="bg-stone-200 dark:bg-stone-800 p-4">
  <div class="container mx-auto flex items-center justify-between">
    <div class="text-xl font-bold text-stone-800 dark:text-stone-200">SocialApp</div>
    <ul class="flex space-x-4">
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Feed</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Profile</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Messages</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Settings</a></li>
    </ul>
  </div>
</nav>

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

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

Навигационный компонент, выполненный в бруталистском стиле, с пастельной цветовой гаммой для интерфейсов социальных сетей, с адаптивным макетом и поддержкой темных тем.

Открытый

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

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

Открытый

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

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

Открытый