Herramientas de diseño

HTML a JSX — Conversor de atributos para React

Convierte fragmentos HTML a React JSX en el navegador. Cambia class/for a className/htmlFor, cierra etiquetas vacías y convierte estilos en línea a forma de objeto. La conversión permanece local.

Cambio rápido→CSS a Tailwind

HTMLJSXReact

Cambio rápido:CSS a Tailwind HTML a Markdown Markdown a HTML

Añadir esta herramienta a favoritos

No se ha seleccionado un modo de almacenamiento de favoritos.

Acciones rápidas

Volver a Herramientas de diseño Explorar todas las herramientas

Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.

Casos de uso

Convierte marcado estático en un punto de partida de componente React
Pega SVG exportado en JSX
Corrige atributos class y for copiados de plantillas

Cómo usar

Pega o escribe HTML
Revisa la salida JSX a la derecha
Copia el JSX

Entrada y salida de ejemplo

HTML

<img src="a" class="b">

JSX

<img src="a" className="b" />

FAQ

¿Traduce scripts o lógica de componentes?

No. Solo gestiona nombres de atributos a nivel de DOM, el cierre de etiquetas vacías y sintaxis relacionada, no lógica de framework.

¿Cómo se gestionan los estilos en línea?

Los atributos style se convierten a objetos style de React cuando es posible. Las expresiones complejas siguen necesitando revisión manual.

Herramientas

Herramientas relacionadas

Continúa con otra herramienta traducida para una tarea cercana.

CSS a Tailwind

CSS a Tailwind — Mapeador de declaraciones

Disponible

Pega declaraciones CSS y mápealas a clases utilitarias de Tailwind cuando sea posible. Las reglas comunes de maquetación, espaciado y color se convierten en clases estándar; los valores sin coincidencia recurren a la sintaxis de valor arbitrario.

CSS Tailwind Convertir

Abrir herramienta

HTML a Markdown

Conversor de HTML a Markdown en línea

Disponible

Convierte HTML a Markdown en tu navegador conservando la estructura habitual, como encabezados, listas, tablas y enlaces. Útil para migrar contenido web a documentos editables.

HTML Markdown Conversor

Abrir herramienta

Markdown a HTML

Conversor de Markdown a HTML en línea

Disponible

Convierte Markdown a HTML en tu navegador con vista previa en vivo, vista lado a lado y opciones de copiado o exportación. El procesamiento se queda en la página.

Markdown HTML Conversor

Abrir herramienta