Tailwind Chrome Extension

by CoffeeKim · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 15 Oct 2026

CSS를 Tailwind 클래스로 변환하고, UI를 실시간으로 테스트할 수 있는 Tailwind 전용 크롬 확장 프로그램

Users

0 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#314K

#251K among extensions

Version

1.1.0

updated 24 Mar 2026

Users

monthly, 10 months

Latest, 15 Oct 2026: 3 usersMove the mouse over the chart for any month

Ratings count

monthly, 10 months

Latest, 15 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Tailwind Chrome Extension

웹 요소 스타일을 Tailwind 클래스로 변환하고, 상태별 UI를 테스트할 수 있는 Chrome Extension입니다. 선택한 요소의 스타일을 분석해 Tailwind 클래스로 변환하고, hover/active/focus/disabled 상태를 빠르게 확인할 수 있습니다. 주요 기능 - 선택 요소 스타일 -> Tailwind 클래스 변환 - 상태별(UI Tester) 실시간 테스트 - 프리셋 저장/불러오기 및 재사용 - 부모 체인 탐색으로 상위 요소 빠른 이동 v1.1.0 업데이트 - 프리셋 Import/Export(JSON) 추가 - 상태별 부분 적용(Active/Hover/Disabled/Focus) 추가 - None 기본 옵션 및 빈 상태 UI 추가 - 드랍다운 동작/위치 안정화(외부 클릭 닫힘, 잘림/가림 개선) - Converter 복사 포맷 확장(className/@apply/multiline) - 미사용 권한 scripting 제거 Tailwind로 웹 개발을 자주 하다 보니, 재미 삼아 만들어본 확장 프로그램입니다. 버그/개선 아이디어/추가 기능 제안은 언제든지 이메일로 알려주세요. 사용해주셔서 감사합니다.