검색 구성 요소

카테고리

모든 구성 요소

사용 가능한 모든 Tailwind CSS 구성 요소 찾아보기

머티리얼 디자인 카드

Tailwind CSS를 사용하여 반응형 동작과 다크 모드를 지원하는 머티리얼 디자인 스타일의 카드 구성 요소입니다. 고도 및 파급 효과, 시각적 단서가 특징입니다.

드롭다운 메뉴 컴포넌트

Tailwind CSS를 사용하는 Glassmorphism 디자인의 반응형 드롭다운 메뉴로, 다크 모드를 지원하고 흐릿한 배경 효과를 제공합니다.

사이트 맵 구성 요소

Tailwind CSS를 사용하여 다크 모드에서 설계된 반응형 사이트 맵 구성 요소입니다.

Social Share Buttons 구성 요소

반응형 소셜 공유 버튼 구성 요소로, 깊이와 참여를 위해 3차원 요소를 통합한 3D 디자인입니다. CSS로 어두운 테마를 지원합니다.

제품 갤러리 구성 요소 - Material Design

Material Design에서 영감을 받은 Product Gallery 구성 요소에는 반응형 디자인, 호버 효과 및 어두운 테마 지원이 포함되어 있습니다. Tailwind CSS를 사용합니다.

360° 뷰어 구성 요소

반응형 디자인과 Tailwind CSS를 사용하는 어두운 테마를 지원하는 360° 뷰어 구성 요소입니다. 마이크로 인터랙션 느낌을 위한 애니메이션 및 상호 작용에 CSS를 사용합니다. 자바스크립트가 없습니다.

검색 상자 구성 요소

Tailwind CSS를 사용하여 Brutalism 스타일로 디자인된 검색 상자 구성 요소입니다. 고대비 디자인, 반응형 효과가 특징이며 어두운 테마를 지원합니다.

미디어 임베드 컴포넌트

레트로/빈티지 미학으로 스타일링된 반응형 미디어 임베드 구성 요소로, 어두운 테마를 지원하고 자리 표시자 이미지와 아바타를 특징으로 합니다.

Social Share Buttons 구성 요소

반응형 소셜 공유 버튼 구성 요소는 실제 세계를 모방한 스큐어모픽 디자인 스타일을 사용하며 어두운 테마를 지원합니다.

헤더 구성 요소

다크 모드를 지원하는 반응형 헤더 구성 요소로, 로고, 탐색 링크 및 클릭 유도문안 버튼을 제공합니다. 이 디자인은 눈의 피로를 줄이기 위해 어두운 배경을 사용합니다.