HTML to JSX Converter
Paste HTML and get clean JSX — class becomes className, inline styles become style objects, void tags self-close, kebab-case attributes are camelCased and comments are rewritten. Everything runs in your browser.
About this tool
The converter walks your markup character by character (no lossy DOM round-trip), so formatting and indentation are preserved. It handles: class→className, for→htmlFor, style="…"→style={{…}} with camelCased properties (vendor prefixes included), attribute maps like tabindex→tabIndex and srcset→srcSet, event handlers like onclick→onClick, kebab-case SVG attributes→camelCase, self-closing of void elements (<br />, <img />, …), HTML comments→{/* … */}, and literal {/} braces in text. data-* and aria-* attributes are kept as-is, exactly as React expects.
Your markup never leaves the page — there is no server, no upload, and no tracking of tool inputs.