HTML 输入
<img src="a" class="b">
JSX 输出
<img src="a" className="b" />
设计配色
HTML 转 JSX - React 属性转换工具
在线将 HTML 转为 React JSX，自动把 class、for 改为 className、htmlFor，补齐自闭合标签，并尽量把内联 style 转为对象写法，转换在浏览器本地完成。
HTMLJSXReact
设计配色
HTML 转 JSX
在线将 HTML 转为 React JSX，自动把 class、for 改为 className、htmlFor，补齐自闭合标签，并尽量把内联 style 转为对象写法，转换在浏览器本地完成。
原始 HTML
React JSX
使用场景
- 把静态页面片段改成 React 组件
- 把导出的 SVG 贴进 JSX
- 修正从模板复制来的 class 与 for
如何使用
- 粘贴或输入 HTML 文本
- 查看右侧 JSX 输出
- 复制 JSX 结果
示例输入输出
FAQ
会处理 script 或组件逻辑吗？
不会。本工具只做 DOM 层属性名与自闭合等语法转换，不翻译框架逻辑。
内联 style 怎么处理？
会尽量把 style 属性转为 React 的 style 对象写法；复杂表达式仍需人工核对。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。
CSS 转 Tailwind
CSS 转 Tailwind - 声明映射工具
将单块 CSS 声明尽量映射为 Tailwind 工具类，常见布局、间距与颜色可匹配到标准类，复杂值会退回任意值写法，适合把样例样式迁到 utility-first。
CSS Tailwind 转换
HTML 转 Markdown
HTML 转 Markdown 在线转换工具
在线将 HTML 代码转换为 Markdown 文本，保留标题、列表、表格、链接等常见结构，转换在浏览器本地完成，适合网页内容迁移和文档整理。
HTML Markdown 格式转换
Markdown 转 HTML
Markdown 转 HTML 在线转换工具
在线将 Markdown 文本转换为 HTML 代码，支持实时预览、分栏对照和结果导出，转换在浏览器本地完成，适合博客发布、文档迁移和开发调试。
Markdown HTML 格式转换