Gratuito

Conversor HTML para JSX

Cole HTML e obtenha JSX válido para React. Converte className, objetos style, tags auto-fechantes, atributos SVG e event handlers.

100% GratuitoSem cadastroRoda no seu navegador

HTML

JSX (10 alterações)

<div className="container">
  <h1 className="title">Hello World</h1>
  <img src="/photo.jpg" alt="Photo" />
  <br />
  <label htmlFor="email">Email</label>
  <input type="email" tabIndex="1" autofocus readonly />
  {/* A comment */}
  <button onClick={handleClick()} style={{{ color: 'red', fontSize: 14 }}}>
    Submit
  </button>
</div>

Sobre HTML to JSX Converter

Paste HTML and get valid React JSX output instantly. Automatically converts class to className, style strings to objects, self-closing tags, SVG attributes, and event handlers. Saves time when migrating HTML templates to React components.

Perguntas frequentes

Construindo um app React? O widget do LaunchChat é uma única tag <script> — sem necessidade de JSX.

Sem cartão de crédito

Converting HTML to React? LaunchChat's widget embeds seamlessly in any React or Next.js app.

Free tier available. No credit card required.

Try Free