输入
flex items-center p-4 rounded-lg shadow-md
输出
display: flex; align-items: center; ...
dev / 可用工具
Tailwind CSS 转原生 CSS 转换工具
输入 Tailwind CSS 类名，自动转换为对应的原生 CSS 属性值，覆盖布局、间距、文字、颜色等常用类。
TailwindCSS转换
在线工具
Tailwind 转原生 CSS
使用场景
- 离开 Tailwind 项目时迁移样式
- 学习 Tailwind 类名对应的 CSS
- 代码审查时快速查看实际样式
如何使用
- 1. 输入 Tailwind 类名
- 2. 查看对应的 CSS 属性
- 3. 复制生成的 CSS 代码
示例输入输出
FAQ
覆盖所有 Tailwind 类吗？
覆盖了常用的布局、间距、文字、颜色、边框、阴影等类名，动态颜色类暂不支持。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。