Компоненты Компоненты навигации Навигация по нейроморфизму

Навигация по нейроморфизму

Простой адаптивный навигационный компонент со стилем Neumorphism для электронной коммерции.

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

HTML-код

<nav class="p-4 bg-gray-100 dark:bg-gray-800 shadow-neumorphic-light dark:shadow-neumorphic-dark">
  <ul class="flex justify-center space-x-4">
    <li><a href="#" class="text-gray-700 dark:text-gray-300 hover:text-pink-500 dark:hover:text-pink-400">Home</a></li>
    <li><a href="#" class="text-gray-700 dark:text-gray-300 hover:text-pink-500 dark:hover:text-pink-400">Shop</a></li>
    <li><a href="#" class="text-gray-700 dark:text-gray-300 hover:text-pink-500 dark:hover:text-pink-400">Categories</a></li>
    <li><a href="#" class="text-gray-700 dark:text-gray-300 hover:text-pink-500 dark:hover:text-pink-400">Cart</a></li>
  </ul>
</nav>

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

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

Отзывчивая панель навигации с поддержкой темного режима.

Открытый

Glassmorphism_Navigation_Simple_Sunset

Простой, отзывчивый компонент навигации glassmorphism с закатными/теплыми тонами, подходящий для деловых/корпоративных сайтов. Имеет полупрозрачные элементы и поддерживает темный режим.

Открытый

Swiss_International_Navigation_Fashion_Beauty

Сложный, отзывчивый навигационный компонент для модных/косметических брендов, придерживающийся принципов дизайна швейцарской/международной типографики с фирменной синей цветовой гаммой. Включает поддержку темного режима и множество интерактивных элементов.

Открытый