ライブページを変換する
クリーンな Tailwind CSS に

Tailfind を使用する理由

インターフェース開発フローを改善する

ポップオーバーが操作を選択中の要素の近くに表示します

インライン ポップオーバーにより、主要なアクションが近くに保たれるため、選択を絞り込み、適切なフラグメントをより迅速にエクスポートできます。同じ操作をキーボード ショートカットとして使用できるため、選択フローを離れることなく移動を続けることができます。

正確なフラグメントを選択してください

キャプチャが実際に再利用したい境界と一致するまで Web ページ内を移動します。

クリーンな Tailwind HTML をエクスポート

Tailfind は選択したフラグメントを、読みやすい Tailwind 向けマークアップに変換します。ゼロから作り直すのではなく、そこから調整できます。

拡張機能のポップオーバーからキャプチャを開始します

検査する要素を選択し、ページ本文全体をコピーし、ワークフローに一致するように拡張機能を構成します。

あらゆるコードベースをサポート

特定のフレームワークやスタイル設定を必要とせず、従来のフロントエンド、最新のコンポーネント アプリ、および混合運用スタックで動作します。

あらゆるスタイルを組み合わせます

作成されたクラスとインライン宣言を別々に扱うのではなく、まとめて読み取ります。

TailwindからTailwind

元のページがすでに Tailwind を使っている場合も、出力は Tailwind らしい形のまま調整しやすくなります。

SVGをサポート

インライン ベクター グラフィックスはそのまま残るため、アイコン、ロゴ、イラストはエクスポートしても残ります。

余分なノイズを除去します

繰り返しのラッパー、重複した宣言、低価値のスタイルの乱雑さを回避することで、生成されたマークアップに焦点を当てたままにします。

難読化されたマークアップを理解する

クラス名が圧縮されている、生成されている、または信頼できる情報源として役に立たない運用ページで動作します。