HTML to React and Vue Converter
Convert HTML or SVG markup into a React JSX or Vue component.
Load Sample:
Name:
About HTML and SVG conversion
This tool converts HTML or SVG markup into a React JSX component or a Vue template. It renames the attributes that JSX needs, such as class to className and stroke-width to strokeWidth, turns an inline style into an object, and closes the void tags.
For an SVG icon, turn on Wrap in component function and Spread props. The result takes props and spreads them on the root tag, so a caller can pass a class name, a size, or a click handler.
Paste markup from a design export, an icon set, or an old template. Check the result: an inline event handler such as onclick needs a real function in your code.