개발자 도구
Tailwind CSS Converter
Convert vanilla CSS to Tailwind utility classes and Tailwind classes back to CSS
1만 명 이상의 개발자가 사용
CSS Input
Tailwind Output
How it works
- • CSS → Tailwind: Paste vanilla CSS and get the equivalent Tailwind utility classes.
- • Tailwind → CSS: Paste Tailwind classes and get the equivalent vanilla CSS.
- • Supports display, position, flexbox, spacing, colors, typography, borders, shadows, and more.
- • Properties without a direct Tailwind match use arbitrary value syntax like
w-[300px]. - • Everything runs locally in your browser — no data is sent anywhere.
계속 탐색
추천 개발자 도구 도구…
JSON 포맷터
JSON을 예쁘게 정리하고 구문 강조로 검증
지금 써 보기
Base64 인코딩/디코딩
Base64 문자열 인코딩 및 디코딩
지금 써 보기
URL Encoder/Decoder
Encode and decode URL components and query strings
지금 써 보기
UUID 생성기
고유 UUID 생성
지금 써 보기
Hash Generator
Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text
지금 써 보기
Regex Tester
Test and debug regular expressions with match highlighting
지금 써 보기
JWT Decoder
Decode and inspect JWT token header and payload
지금 써 보기
HTML Formatter
Beautify and format HTML code with proper indentation
지금 써 보기