HTML to JSX

Convert HTML markup to valid JSX — handles className, event handlers, inline styles, void elements, and more.

HTML Input

JSX Output

Conversion Reference

class="foo"→className="foo"

for="id"→htmlFor="id"

tabindex="0"→tabIndex={0}

colspan→colSpan

maxlength→maxLength

<br>→<br />

<input>→<input />

style="color:red"→style={{ color: "red" }}

disabled→disabled={true}

→{/* comment */}

onclick→onClick

onchange→onChange