CCHub Logo CCHub Tailwind Collection
구성 요소 탐색 모음 소셜 미디어 탐색 모음

소셜 미디어 탐색 모음

Glassmorphism 회색조 단순 소셜 미디어 탐색 모음 구성 요소

미리 보기

HTML 코드 

<nav class="p-4 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg dark:bg-gray-800 dark:bg-opacity-10 dark:backdrop-filter dark:backdrop-blur-lg">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-gray-800 dark:text-white text-xl font-bold">SocialApp</div>
    <div class="flex space-x-4">
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Feed</a>
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Profile</a>
      <a href="#" class="text-gray-800 dark:text-white hover:text-gray-600 dark:hover:text-gray-300">Messages</a>
    </div>
  </div>
</nav>

관련 구성 요소

스큐어모픽 소셜 미디어 네비게이션 바

Skeuomorphic 소셜 미디어 탐색 모음은 트라이어딕 색 구성표와 적당한 복잡성을 가지고 있습니다.

열다

Navigation Bar 구성 요소

종이/인쇄물에서 영감을 받은 미적 요소와 보석 색조 색 구성표로 설계된 복잡하고 반응이 빠른 탐색 모음 구성 요소로, 농업/농업 웹 사이트에 적합합니다. 다크 모드 지원 및 여러 대화형 요소가 포함되어 있습니다.

열다

레트로/빈티지 소셜 미디어 네비게이션 바

Retro/Vintage Navigation Bar for Social Media with Analogous color scheme, Simple complexity, responsive, and dark theme support. 레트로/빈티지 네비게이션 바.

열다