class→className, for→htmlFor, tabindex→tabIndex, onclick→onClick, style strings→objects, self-closing tags, HTML comments→JSX comments, and more.

Does it handle complex HTML?

It handles most common patterns. Very complex HTML with embedded scripts or templates may need manual adjustments.

Can I use this for TSX?

Yes. JSX and TSX use the same syntax for HTML attributes. The output works in both .jsx and .tsx files.

Developer Tool

Convert HTML to valid JSX/React code. Transforms class to className, for to htmlFor, inline styles to objects, and self-closes void elements.

100% free — no account needed

HTML Input

JSX Output

Stop manually converting HTML for React

class→className, for→htmlFor, tabindex→tabIndex, and all event handlers.

Converts inline style strings to JavaScript objects with camelCase properties.

Auto-closes void elements: <br>, <img>, <input>, <hr>, etc.

See how many transformations were made with a per-rule breakdown.

Developer Tools

Regex tester, JSON formatter, CSS tools, and more.