<>→JSX
HTML para JSX
className, objetos style, tags autofechadas.
Funciona inteiramente no seu navegador. Nada é enviado a lugar nenhum.
Como funciona
- 1Cole ou digite seu texto.
- 2Escolha as opções necessárias.
- 3Copie ou baixe o resultado.
Sobre esta ferramenta
HTML para JSX: className, objetos style, tags autofechadas. Cole seu texto e o resultado aparece na hora, pronto para copiar ou baixar. Tudo acontece no navegador — nada é enviado ou armazenado.
Exemplo
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>Saída
{/* 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>
Como usar a ferramenta “HTML para JSX”?
Cole ou digite seu texto. Escolha as opções necessárias. Copie ou baixe o resultado.
A ferramenta “HTML para JSX” é grátis?
Sim. É totalmente gratuita, sem cadastro, sem limites de uso e sem marca d’água.
Meus dados são enviados a um servidor?
Não. Tudo é calculado localmente no navegador. Nada do que você digita é enviado, registrado ou armazenado.
Funciona no celular?
Sim. Funciona em qualquer navegador moderno no Android, iPhone, iPad, Windows, Mac e Linux — sem app.