HTML to JSX

Convert HTML to React JSX (className, style objects, self-closing).

● runs in your browser

HTML input

JSX output

<div className="card" style={{ color: 'red', fontSize: '14px' }}>
  <label htmlFor="email">Email</label>
  <input type="text" id="email" autofocus />
  <br />
  {/* a comment */}
</div>

Converts class→className, for→htmlFor, inline styles to objects, self-closes void tags, and comments. Review complex markup by hand.