Tailfind 可以将 HTML 和 CSS 转换为 Tailwind CSS 吗？

可以。粘贴 HTML 片段及其 CSS，Tailfind 会先渲染结果，再导出带 Tailwind 类的常规 HTML。

转换器是否保留自定义 CSS 值？

当值匹配框架尺度时，Tailfind 会优先使用默认 Tailwind 类，并用明确的任意值表示自定义颜色、间距、阴影和尺寸。

小型、自成一体的 UI 片段效果最好，包括卡片、表单、区块、原型和旧版片段，只要能把相关 CSS 与标记一起粘贴即可。

粘贴 HTML 和 CSS，预览渲染后的片段，然后为 Tailwind Play 或你的代码库导出干净的 Tailwind CSS。

无源预览

输入有效时会显示源预览。

Tailwind v4

还没有输出

生成的 Tailwind 输出会自动显示在此处。

无 Tailwind 预览

转换后生成的 Tailwind 预览显示在此处。

像素级精准的 Tailwind 转换器

HTML/CSS 转 Tailwind 转换器适用于粘贴的 UI 片段、落地页区块、原型和旧版模板，这些内容的样式通常分散在选择器、类和内联声明中。

Tailfind 会用 CSS 渲染标记、读取计算结果，并导出 Tailwind CSS，让你不必手动转换每个声明也能把相同结构移到 Tailwind 项目。

当你需要快速将 HTML 转成 Tailwind CSS、更干净地交接到 Tailwind Play，或在 Angular、React、Vue、Svelte 或常规 HTML 中重建静态组件时，可以用它作为起点。

Tailfind 可以将 HTML 和 CSS 转换为 Tailwind CSS 吗？: 可以。粘贴 HTML 片段及其 CSS，Tailfind 会先渲染结果，再导出带 Tailwind 类的常规 HTML。
转换器是否保留自定义 CSS 值？: 当值匹配框架尺度时，Tailfind 会优先使用默认 Tailwind 类，并用明确的任意值表示自定义颜色、间距、阴影和尺寸。
哪种 HTML 效果最好？: 小型、自成一体的 UI 片段效果最好，包括卡片、表单、区块、原型和旧版片段，只要能把相关 CSS 与标记一起粘贴即可。

跳过手动转换

Tailfind 会把转换器带到你的浏览器中，让你可以直接从正在查看的页面捕获生产 UI。