HTML/SVG Code Converter - Convert HTML→JSX, SVG→JSX, HTML→Pug

Convert to React JSX or Pug format with one click. Automatically handles class→className etc.

How to Use

  1. Select conversion type (HTML→JSX etc.) from dropdown
  2. Enter code in input area
  3. Click 'Convert' button
  4. Copy the converted code

FAQ

What conversions are supported?
HTML→JSX, SVG→JSX, and HTML→Pug conversions are supported.
Are React class names converted?
Yes. In HTML→JSX, class is automatically converted to className.
Is my data sent to a server?
No. All processing happens in your browser.
How do I use this tool?
Select the source format (e.g. camelCase) and the target format (e.g. snake_case), then enter your text to see the conversion result instantly.
What should I do if the conversion is incorrect?
Mixed delimiters or special characters may cause unexpected results. Try cleaning up your input text and converting again.

Related Tools

Update History

Last Updated: 2026-02-21

  • 2026-02-21 Initial release