W
WEBIS 웹유틸
무료 웹 도구 모음
🧵
도구

Tailwind 클래스 찾기

퍼블리셔가 자주 쓰는 색상, spacing, text 유틸리티를 필터링해 바로 복사할 수 있게 정리했습니다.

검색 조건

정확한 전체 문법보다 현업에서 자주 찾는 토큰을 우선 배치했습니다.

동적 class binding 대신 검색용 메타데이터를 노출합니다. 복사한 class 는 실제 마크업에 붙여 쓰는 흐름을 기준으로 설계했습니다.

찾는 순서 권장
  1. 카테고리로 먼저 좁힌 뒤
  2. 세부 토큰을 검색하고
  3. class 명을 복사해 실제 컴포넌트에 붙여보십시오.
검색 결과

건이 현재 조건과 일치합니다.

빠른 프리셋
복사 안내

Tailwind class 이름만 바로 가져가는 용도입니다. 복수 토큰이 필요하면 “목록 복사”로 현재 검색 결과를 한 번에 복사할 수 있습니다.

사용방법

Tailwind 클래스 찾기 사용 흐름

이 도구의 입력, 실행, 결과 확인 흐름을 기준으로 사용하면 더 안정적으로 작업할 수 있습니다.

01 코드 또는 데이터를 입력합니다

Tailwind 클래스 찾기에 점검할 코드, 설정값, 토큰, URL, 명령어를 붙여넣습니다.

02 검증·정렬·생성을 실행합니다

문법 오류, 옵션, 출력 포맷을 확인하면서 브라우저 안에서 바로 처리합니다.

03 결과를 업무 흐름에 반영합니다

복사 가능한 결과를 개발 문서, 터미널, 배포 체크리스트에 이어서 사용합니다.