HTML → JSX

Convert HTML to valid JSX/React code

HTML input

JSX output

<div className="container" style={{ margin: "0 auto", color: "red" }}>
  <label htmlFor="name">Name</label>
  <input type="text" className="input" tabIndex="0" />
  <br>
  <button className="btn btn-primary" onclick="handleClick()">
    Click me
  </button>
</div>

Converts class→className, for→htmlFor, inline styles to objects, self-closes void elements. Does not handle event handlers or complex transforms.

Loading tool…