開発者ツール
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
試す