HTML to JSX

HTML Input

JSX Output

class→className

for→htmlFor

tabindex→tabIndex

readonly→readOnly

maxlength→maxLength

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

onclick→onClick

→{/* */}

Related Tools

Code Beautifier

Beautify and format JavaScript, CSS, HTML, and more with customizable indent settings.

Code Minifier

Minify JavaScript, CSS, and HTML code to reduce file size and improve load times.

Markdown to HTML

Convert Markdown text to HTML with real-time preview and clean code output.

HTML to Markdown

Convert HTML markup to clean, readable Markdown syntax for documentation.

Regex Tester

Test and debug regular expressions with live matching, flags, and match highlighting.