Processamento no seu navegador — os arquivos nunca saem do seu dispositivo.
Grátis, sem cadastro, conta ou limites de uso.
Funciona em qualquer navegador moderno, inclusive no celular.
About this tool
Conversor de HTML para JSX traduz markup HTML padrão em sintaxe JSX React válida, com objetificação automática de estilos e mapeamento de atributos camelCase.
How to use
Cole seu markup HTML.
Inspecione o código JSX convertido com className, htmlFor e objetos de estilo transformados.
Copie o trecho JSX limpo para o seu componente React.
FAQ
Como ele lida com estilos CSS inline?
Ele analisa a string style="margin-top: 10px;" e a transforma no objeto React style={{ marginTop: '10px' }}.
Ele fecha automaticamente tags vazias?
Sim, tags como <img />, <input />, <br /> são fechadas corretamente para JSX.