CCHub Logo CCHub Tailwind Collection
구성 요소 탐색 구성 요소 뉴모피즘 내비게이션(Neumorphism Navigation)

뉴모피즘 내비게이션(Neumorphism Navigation)

전자 상거래를 위한 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>

관련 구성 요소

브루탈리즘 소셜 내비게이션

보색이 있는 소셜 미디어를 위한 단순하고 야만적인 탐색 구성 요소입니다. 반응형 디자인과 다크 모드 지원이 포함됩니다.

열다

소셜 미디어 내비게이션

차분한/채도가 낮은 색 구성표가 있는 반응형 소셜 미디어 탐색 구성 요소로, Material Design 원칙에서 영감을 받아 밝은 모드와 어두운 모드를 지원합니다. 그리드 기반 레이아웃과 깊이 효과를 제공합니다.

열다

탐색 구성 요소

브루탈리즘 스타일로 디자인된 탐색 구성 요소로, 소셜 미디어 인터페이스를 위한 파스텔 색 구성표가 특징이며, 반응형 레이아웃과 어두운 테마 지원을 제공합니다.

열다