Acerca de esta herramienta
El conversor HTML a JSX / React analiza un fragmento HTML con el DOMParser nativo del navegador y lo vuelve a serializar como JSX válido, corrigiendo todo lo que React necesita. Se ejecuta totalmente del lado del cliente, así que el marcado que pegas permanece en tu máquina. Pega cualquier HTML —una exportación de diseño, una plantilla de correo, un boceto de componente— y obtén JSX que puedes insertar directamente en un archivo React.
La reescritura renombra los atributos reservados (class pasa a className, for pasa a htmlFor), pasa el resto a camelCase —tabindex a tabIndex, maxlength a maxLength, stroke-width a strokeWidth— mientras deja intactos los atributos data-* y aria-*. Los elementos vacíos como img, br, input y hr se hacen autocerrados (<img />), los comentarios HTML pasan a {/* ... */}, las llaves literales en el texto se escapan como {'{'}, y una cadena style="a:b;c:d" en línea se convierte en un objeto style={{ a: 'b', c: 'd' }} con claves CSS en camelCase. Los atributos booleanos como disabled pueden emitirse escuetos o como ={true} con un interruptor.
Elige salida de fragmento —los múltiples nodos raíz se envuelven automáticamente en un fragmento <>...</>— o salida de componente completo, que envuelve el JSX en una export default function con tu nombre e indentación elegidos (2 espacios, 4 espacios o tabuladores). El resultado está listo para pegar; como el análisis usa un DOM real, el anidamiento mal formado se normaliza igual que lo haría un navegador.