Tailwind Chrome Extension

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

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