What HTML attributes are transformed?

Transforms `class` to `className`, `for` to `htmlFor`, inline styles to object syntax (`style={{ width: "100px" }}`), and converts SVG attributes like `stroke-width` to `strokeWidth`.

Fast, Private & Client-Side Developer Suite

100% Client-Side • Private

Converters

HTML to JSX / React Converter

Convert HTML markup into React JSX components with camelCase attributes and inline styles.

Loading tool...

SVG to JSX / React Converter

Convert SVG markup to React JSX/TSX components with custom options

HTML Formatter

Format and beautify HTML code

HTML to Markdown Converter

Convert HTML markup, headings, links, blockquotes, and lists into clean Markdown

How to Use HTML to JSX / React Converter

Paste your HTML snippet into the editor.
Optionally enable "Wrap in React Function Component" and specify a component name.
Copy the generated JSX code with 1 click.

Frequently Asked Questions

What HTML attributes are transformed?: Transforms `class` to `className`, `for` to `htmlFor`, inline styles to object syntax (`style={{ width: "100px" }}`), and converts SVG attributes like `stroke-width` to `strokeWidth`.

Sources & References

Primary references: WHATWG HTML Living Standard; ECMAScript Language Specification.

Review policy: references and behavior notes are checked whenever the tool implementation changes.