Ретро навигация по социальным сетям
Адаптивная навигационная составляющая с темным режимом для социальных сетей (ретро/винтаж, земляные тона, умеренная сложность)
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>Связанные компоненты
Cyberpunk_Food_Nav
Простой, отзывчивый компонент навигации в стиле киберпанк для веб-сайтов ресторанов и ресторанов с темным фоном, неоновыми акцентами и поддержкой темного режима.
Компонент компонентов навигации
Ретро-винтажный навигационный компонент для панели управления со сложным макетом с дополнительными цветами, адаптивным дизайном и поддержкой темных тем с использованием Tailwind CSS. Он включает в себя логотип, навигационные ссылки, строку поиска и информацию о профиле пользователя.
Игривый компонент криптонавигации в оттенках серого
Игривый и дружелюбный компонент навигации в оттенках серого для криптовалют и блокчейн-приложений, отличающийся округлыми элементами, интерактивными состояниями, полной отзывчивостью и поддержкой темного режима.