HTML to JSX Converter

Convert HTML to React JSX instantly. Transform class to className, style strings to objects, event handlers, and self-closing tags. Paste and convert.

HTML Input

Options

Wrap in functional componentAdd React import

JSX Output

// Paste HTML in the input to convert to JSX

Conversion Reference

class → className

for → htmlFor

tabindex → tabIndex

readonly → readOnly

maxlength → maxLength

onclick → onClick

style="..." → style={{"..."}}

→ {/* */}

data-* → data-* (kept as-is)

aria-* → aria-* (kept as-is)