Developer Utilities · Free tool

HTML to JSX

Convert HTML to valid JSX — class→className, inline styles to objects, self-closing tags, and SVG fixes.

Updated April 2026

HTMLJSX

<div className="card" style={{ padding: "16px", color: "#111" }}>
  <label htmlFor="name">Name</label>
  <input type="text" id="name" tabIndex="1" autoFocus />
  <br />
  <img src="logo.png" alt="Logo" className="h-8" />
</div>

What it does

Paste raw HTML and get valid JSX — class becomes className, attributes are camelCased, self-closing tags are fixed.

How to use it

Paste the HTML snippet.
Copy the JSX output.
Paste into your React component.