CCHub Logo CCHub Tailwind Collection
구성 요소 탐색 구성 요소 레트로 소셜 미디어 내비게이션

레트로 소셜 미디어 내비게이션

소셜 미디어를 위한 다크 모드가 있는 반응형 내비게이션 구성 요소(레트로/빈티지, 어스 톤, 중간 복잡성)

미리 보기

HTML 코드 

<nav class="bg-stone-200 dark:bg-stone-800 p-4">
  <div class="container mx-auto flex items-center justify-between">
    <div class="text-xl font-bold text-stone-800 dark:text-stone-200">SocialApp</div>
    <ul class="flex space-x-4">
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Feed</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Profile</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Messages</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Settings</a></li>
    </ul>
  </div>
</nav>

관련 구성 요소

Navigation Components 컴포넌트

대시보드용 레트로 빈티지 탐색 구성 요소로, 보색, 반응형 디자인, Tailwind CSS를 사용하는 어두운 테마 지원이 있는 복잡한 레이아웃을 특징으로 합니다. 여기에는 로고, 탐색 링크, 검색 창 및 사용자 프로필 정보가 포함됩니다.

열다

미니멀리스트 CRM 내비게이션

CRM/비즈니스 도구를 위한 간단하고 미니멀한 탐색 구성 요소로, 보라색/보라색 색 구성표와 다크 모드 지원으로 완전한 응답성을 제공합니다.

열다

탐색 구성 요소

전자 상거래 웹 사이트를 위한 미니멀한 탐색 구성 요소로, 로고, 검색 창, 탐색 링크, 장바구니 아이콘 및 Tailwind CSS를 사용하는 사용자 아바타를 특징으로 합니다. 이 구성 요소는 반응형 디자인과 다크 모드를 지원합니다.

열다