class→className, for→htmlFor, tabindex→tabIndex, onclick→onClick, cadenas de estilo→objetos, tags auto-cerradas, comentarios HTML→comentarios JSX y más.

¿Maneja HTML complejo?

Maneja los patrones más comunes. HTML muy complejo con scripts o plantillas incrustadas puede necesitar ajustes manuales.

¿Puedo usar esto para TSX?

Sí. JSX y TSX usan la misma sintaxis para atributos HTML. La salida funciona en archivos .jsx y .tsx.

Herramienta para Desarrolladores

Conversor de HTML a JSX

Convierte HTML a código JSX/React válido. Transforma class a className, estilos en línea a objetos y más.

100% gratis — no se necesita cuenta

Entrada HTML

Salida JSX

HTML a JSX Instantáneo

Deja de convertir HTML para React manualmente

Conversión de Atributos

class→className, for→htmlFor, tabindex→tabIndex y todos los event handlers.

Objetos de Estilo

Convierte cadenas de estilo en línea a objetos JavaScript con propiedades camelCase.

Tags Auto-Cerradas

Auto-cierra elementos vacíos: <br>, <img>, <input>, <hr>, etc.

Resumen de Cambios

Ve cuántas transformaciones se hicieron con desglose por regla.

FAQ

Herramientas para Desarrolladores

Más utilidades para desarrolladores

Probador regex, formateador JSON, herramientas CSS y más.