Ретро компонент навигации на приборной панели
Ретро/винтажный компонент навигации для панели управления с яркими цветами, умеренной сложностью, отзывчивостью и поддержкой темных тем.
HTML-код
<nav class='bg-gradient-to-r from-purple-600 via-pink-600 to-red-600 p-4 text-white dark:from-purple-900 dark:via-pink-900 dark:to-red-900'>
<div class='container mx-auto flex justify-between items-center'>
<div class='text-2xl font-bold font-mono'>Dashboard</div>
<ul class='flex space-x-4'>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Home</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Analytics</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Settings</a></li>
<li><a href='#' class='hover:underline text-yellow-300 dark:text-yellow-500'>Profile</a></li>
</ul>
</div>
</nav>Связанные компоненты
Минималистичная навигация по еде / ресторанам в драгоценных тонах
Минималистичный и отзывчивый компонент навигации для веб-сайтов еды и ресторанов с драгоценными камнями, поддержкой темного режима и чистым плоским дизайном. Включает логотип, навигационные ссылки и кнопку призыва к действию, а также удобное для мобильных устройств меню гамбургеров.
Ретро навигация по электронной коммерции
Отзывчивая навигационная составляющая с ретро/винтажным дизайном, земляными тонами и поддержкой темного режима для электронной коммерции.
Компонент навигации
Простой, отзывчивый компонент навигации для веб-сайта-портфолио с пользовательским интерфейсом в темном режиме. В дизайне используются дополнительные цвета и обеспечивается читабельность и эстетическая привлекательность на различных размерах экрана.