🎨

CSS ツール — オンラインで無料整形・最小化・美化

CSS をブラウザ内で整形、美化、最小化。整形、圧縮、シンタックスエラー検出。ブラウザベース、アップロード不要、広告なし。

CSS はおそらく Web で JSON に次いで頻繁に整形される言語です。サードパーティ SDK の最小化バンドルを調査するとき、レガシースタイルシートから受け継いだ規則を正規化するとき、誰かがチャットに貼った断片を整えたいときなど、高速なブラウザ内フォーマッターは 1 日に何度も役立ちます。Ai2Done の CSS Tools ハブは CSS 系言語向けに調整したフォーマッターを集めており、すべて WebAssembly により本地で動作します。

基本のフローは単純です。最小化済みあるいは散らかった CSS を貼り、2 スペース / 4 スペース / タブを選び、コミット可能で読みやすい慣用的スタイルシートを得ます。フォーマッターはモダン CSS — カスタムプロパティ、コンテナクエリ、ネスト、レイヤー — を理解し、合理的な範囲でコメント構造を保ちます。補完的なミニファイアはインライン埋め込みや帯域制約下に適した 1 行バンドルを生成します。

本ハブはスタイルシート系言語に焦点を絞っています。HTML、JS その他の Web フォーマットは Format Tools / Dev Tools ハブが担います。色変換(HEX ↔ HSL、sRGB ↔ OKLCH)やグラデーション生成は専用ツールを推奨し、CSS Tools ハブは少数精鋭で信頼できる速さを維持します。

プライバシーは Ai2Done の他ツールと同じ。貼付内容は端末から出ません。割当も記録もありません。Wasm バイナリは小さく(Brotli 後でおおむね 300 KB 未満)、低速回線でも快適に動きます。新しいフォーマッターはコミュニティの要望に応じて随時追加します。あなたのスタイルシート方言が欠けていれば、お問い合わせページから知らせてください。

日常の組合せは CSS Tools ハブ + Format Tools ハブ(同セッションで JSON / XML / YAML も整形したい場合)+ Dev Tools ハブ(SQL 整形や HTML エスケープなどのユーティリティ)が最有用です。パワーユーザーは 3 つをタブグループに固定しています。静的アセットの容量は十分小さく、実質無料です。

おすすめのコレクション