class→className, for→htmlFor, tabindex→tabIndex, onclick→onClick, strings de estilo→objetos, tags auto-fecháveis, comentários HTML→comentários JSX e mais.

Ele lida com HTML complexo?

Lida com a maioria dos padrões comuns. HTML muito complexo com scripts embutidos ou templates pode precisar de ajustes manuais.

Sim. JSX e TSX usam a mesma sintaxe para atributos HTML. A saída funciona em arquivos .jsx e .tsx.

Ferramenta para Desenvolvedores

Conversor de HTML para JSX

Converta HTML para código JSX/React válido. Transforma class para className, for para htmlFor, estilos inline para objetos e fecha automaticamente elementos void.

100% gratuito — nenhuma conta necessária

Entrada HTML

Saída JSX

HTML para JSX Instantâneo

Pare de converter HTML manualmente para React

Conversão de Atributos

class→className, for→htmlFor, tabindex→tabIndex e todos os manipuladores de eventos.

Objetos de Estilo

Converte strings de estilo inline para objetos JavaScript com propriedades camelCase.

Tags Auto-Fecháveis

Fecha automaticamente elementos void: <br>, <img>, <input>, <hr>, etc.

Resumo de Mudanças

Veja quantas transformações foram feitas com detalhamento por regra.

FAQ

Ferramentas para Desenvolvedores

Mais utilitários para desenvolvedores

Testador de regex, formatador JSON, ferramentas CSS e muito mais.