<>→JSX
HTML a JSX
className, objetos style, etiquetas autocerradas.
Funciona por completo en tu navegador. No se envía nada a ningún sitio.
Cómo funciona
- 1Pega o escribe tu texto.
- 2Elige las opciones que necesites.
- 3Copia o descarga el resultado.
Sobre esta herramienta
HTML a JSX: className, objetos style, etiquetas autocerradas. Pega tu texto y el resultado aparece al momento, listo para copiar o descargar. Todo ocurre en tu navegador: nada se sube ni se guarda.
Ejemplo
Entrada
<!-- signup -->
<form class="card" onsubmit="send()">
<label for="mail" style="font-weight: bold; margin-bottom: 4px">E-mail</label>
<input id="mail" type="email" tabindex="1" required>
<br>
<button class="btn primary" disabled>Send {now}</button>
</form>Salida
{/* signup */}
<form className="card" onSubmit={() => { send(); }}>
<label htmlFor="mail" style={{ fontWeight: 'bold', marginBottom: '4px' }}>E-mail</label>
<input id="mail" type="email" tabIndex="1" required />
<br />
<button className="btn primary" disabled>Send {'{'}now{'}'}</button>
</form>
¿Cómo se usa la herramienta «HTML a JSX»?
Pega o escribe tu texto. Elige las opciones que necesites. Copia o descarga el resultado.
¿La herramienta «HTML a JSX» es gratis?
Sí. Es totalmente gratuita, sin registro, sin límites de uso y sin marca de agua.
¿Se envían mis datos a un servidor?
No. Todo se calcula en tu navegador. Nada de lo que introduces se sube, registra ni guarda.
¿Funciona en el móvil?
Sí. Funciona en cualquier navegador moderno en Android, iPhone, iPad, Windows, Mac y Linux, sin apps.