HTML to JSX

Convert HTML into JSX — renaming class and for, camel-casing attributes and closing void tags.

HTML

JSX

<div className="card" style={{ padding: '16px', backgroundColor: '#fff' }}>
  <label htmlFor="email">Email</label>
  <input type="email" id="email" />
  {/* a comment */}
</div>

Renames class/for, camel-cases attributes, converts inline style to an object, self-closes void tags and turns comments into {/* */}. Runs locally.