검색 구성 요소

카테고리

모든 구성 요소

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

Chat Window 구성 요소

매력적인 애니메이션에 초점을 맞춘 마이크로 인터랙션이 있는 반응형 채팅 창 구성 요소입니다. 다크 모드를 지원하고 스타일링에 Tailwind CSS를 사용합니다.

OAuth 버튼 구성 요소

브루탈리즘 미학과 Tailwind CSS로 디자인된 OAuth 버튼 세트로, 반응형 효과와 어두운 테마 지원을 제공합니다.

토스트 알림

Tailwind CSS를 사용하여 Glassmorphism 스타일, 반응형 효과 및 어두운 테마를 지원하는 Toast Notifications 구성 요소

CAPTCHA 구성 요소

다크 모드와 반응형 디자인을 갖춘 CAPTCHA 구성 요소입니다.

소셜 로그인 구성 요소 - 미시적 상호작용

Tailwind CSS를 사용하는 소셜 로그인 구성 요소 카드로, 버튼의 마이크로 상호 작용(호버/포커스의 확대/축소 효과), 응답성(중앙 최대 너비) 및 어두운 테마 지원을 제공합니다. picsum.photos의 자리 표시자 이미지와 소셜 아이콘에 포함된 SVG를 사용합니다. 자바스크립트가 없습니다.

Hamburger Menu 컴포넌트

Tailwind CSS를 사용하여 브루탈리즘 스타일로 디자인된 반응형 햄버거 메뉴 구성 요소로, 다크 모드 지원과 이미지 및 아바타에 대한 플레이스홀더가 특징입니다.

Columns 구성 요소

Tailwind CSS를 사용하여 반응형 효과와 어두운 테마를 지원하는 Material Design 스타일의 Columns Component입니다.

가격 표시 구성 요소

레트로/빈티지 미학, 반응형 디자인 및 다크 모드를 지원하는 가격 표시 구성 요소.

다크 모드 로더

Loader 또는 Skeleton Component는 반응형 기능이 있는 다크 모드 인터페이스를 제공합니다. 자바스크립트가 필요하지 않습니다.

데이터 테이블 구성 요소

스큐어모픽 스타일로 설계된 데이터 테이블 구성 요소로, 반응형 효과로 실제 항목을 모방하고 어두운 테마를 지원합니다. 테이블에는 머리글, 데이터가 있는 행이 포함되며 자리 표시자 이미지를 사용합니다.