Tailwind Chrome Extension

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

As of June 2026, Tailwind Chrome Extension has users in the Developer Tools category.

Usersno change0%
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.1.0
Manifest V3

Permissions & access

Permissions
contextMenusstorageactiveTab
Host access
None declared

Screenshots

Tailwind Chrome Extension screenshot 1Tailwind Chrome Extension screenshot 2Tailwind Chrome Extension screenshot 3Tailwind Chrome Extension screenshot 4Tailwind Chrome Extension screenshot 5

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

Technical

Version
1.1.0
Manifest
V3
Size
2.26MiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
ibkocmcgbflkdlghfoekpnhfkcejcoja
Developer ID
u35f6ca6fdc8184622563ffa081396c21
Developer Email
[email protected]
Created
Dec 9, 2025
Last Updated (Store)
Mar 24, 2026
Last Scraped
Jun 9, 2026
Website
Support URL
Privacy Policy

Similar extensions

Alternatives to Tailwind Chrome Extension, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified Jun 9, 2026.