Навигация по приборной панели (Material Design)
Компонент навигации приборной панели Material Design с триадической цветовой схемой и поддержкой темного режима.
HTML-код
<nav class="bg-white dark:bg-gray-800 shadow">
<div class="container mx-auto px-6 py-3">
<div class="flex items-center justify-between">
<div class="text-gray-800 dark:text-white font-bold text-xl">Dashboard</div>
<div class="flex space-x-4">
<a href="#" class="text-gray-800 dark:text-white hover:text-blue-500 dark:hover:text-blue-400 transition duration-300">Home</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-teal-500 dark:hover:text-teal-400 transition duration-300">Analytics</a>
<a href="#" class="text-gray-800 dark:text-white hover:text-red-500 dark:hover:text-red-400 transition duration-300">Settings</a>
</div>
</div>
</div>
</nav>Связанные компоненты
3D_Earth_Tone_Dating_Social_Navigation
Адаптивный навигационный компонент для платформ знакомств и социальных сетей, выполненный в 3D-стиле, с земляными тонами и поддержкой темного режима. Включает интерактивные элементы, такие как аватар профиля, поиск и основные навигационные ссылки.
3D_Triadic_Simple_Business_Navigation
Простой, отзывчивый компонент бизнес-навигации с эстетикой 3D-дизайна и триадической цветовой схемой, поддерживающий темный режим.
Компонент скевоморфной навигации
Навигационный компонент, выполненный в скевоморфном стиле, с яркими цветами и адаптивным макетом, подходящим для контента блога. Он включает в себя интерактивные функции, такие как эффекты наведения, и оптимизирован для темного режима.