Компонент «Липкая навигация»
Закрепленный компонент навигации со скевоморфизмом, адаптивностью и поддержкой темных тем. Использует CSS Tailwind.
HTML-код
<nav class="bg-gray-200 dark:bg-gray-800 p-4 shadow-lg sticky top-0 z-50">
<div class="container mx-auto flex justify-between items-center">
<div class="text-2xl font-bold text-gray-800 dark:text-white">SkeuoNav</div>
<ul class="flex space-x-4">
<li><a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Home</a></li>
<li><a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">About</a></li>
<li><a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Contact</a></li>
</ul>
</div>
</nav>Связанные компоненты
Компонент «Липкая навигация»
Закрепленный компонент навигации с дизайном в стиле нейроморфизма, дополнительной цветовой схемой, умеренной сложностью и адаптивной поддержкой темной темы для панели управления. Дизайн включает в себя мягкие тени для эффекта неоморфизма и использует дополнительные цвета для создания визуально привлекательного интерфейса. Он подходит для приборной панели, обеспечивающей визуализацию данных и панели управления.
Retro_Vintage_Sticky_Navigation_Component
Сложная липкая панель навигации в стиле ретро/винтаж, разработанная для веб-сайтов мероприятий или конференций, отличается мягкой пастельной цветовой гаммой, полной отзывчивостью и поддержкой темного режима. Он включает в себя логотип, навигационные ссылки, кнопку призыва к действию и значок поиска.
Компонент «Липкая навигация»
Минималистичная и отзывчивая липкая панель навигации для блогов с яркой цветовой гаммой. Он поддерживает темный режим и имеет простой, понятный макет с «Заголовком блога» слева и навигационными ссылками справа. Панель навигации прилипает к верхней части окна просмотра при прокрутке пользователем.