HTML → JSX

Convert HTML to valid React JSX. Handles className, htmlFor, inline styles, boolean attrs, event handlers, and self-closing tags. Client-side — nothing sent to servers.

WRAP IN COMPONENT

HTML INPUT

JSX OUTPUT

TRANSFORMATIONS APPLIED

class="..." → className="..."

for="..." → htmlFor="..."

tabindex="1" → tabIndex={1}

colspan="2" → colSpan={2}

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

disabled="disabled" → disabled

onclick="fn()" → onClick="fn()"

<br> → <br />

<img src="..."> → <img src="..." />

 → {/* comment */}