Tailwind Chrome Extension

About

웹 요소 스타일을 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로 웹 개발을 자주 하다 보니, 재미 삼아 만들어본 확장 프로그램입니다.
버그/개선 아이디어/추가 기능 제안은 언제든지 이메일로 알려주세요.
사용해주셔서 감사합니다.