CSS to Tailwind — クラス変換ツール

【CSS to Tailwind — デスクトップアプリ版】

CSS を貼り付けるだけで Tailwind CSS クラスをリアルタイム変換。Web版に加えて変換結果を .txt 保存する機能を搭載。

─────────────────────────

✓ 主な機能

─────────────────────────

・spacing（margin/padding）→ Tailwind スペーシングクラスに変換

・font-size・font-weight などタイポグラフィ系に対応

・display: flex / grid など flexbox・grid 系に対応

・border-radius・border-width・border-color に対応

・color / background-color を Tailwind カラークラスに変換

・対応外プロパティを「対応なし」として別表示

─────────────────────────

✓ デスクトップ版限定機能

─────────────────────────

・変換結果を .txt ファイルに保存

─────────────────────────

✓ 動作環境

─────────────────────────

・Windows 10 / 11（x64）

・インストーラー版 / ポータブル版 どちらも同梱

─────────────────────────

✓ 無料Web版

─────────────────────────

https://devtools-hub.vercel.app/tools/css-to-tailwind

─────────────────────────

制作: KOMA

お問い合わせ: [email protected]

─────────────────────────