HTML to JSX Converter

Convert HTML to valid JSX: className, htmlFor, style objects, comments and void tags.

JSX / TSX
<div className="card" style={{ padding: '12px', backgroundColor: '#eee' }}>
  <label htmlFor="name">Name</label>
  <input id="name" type="text" autoComplete="off" />
  {/* comment */}
  <br />
</div>
Converts class→className, for→htmlFor, inline styles to objects, comments and void tags.

Related tools

All →
DEV/FORMAT
JSON Formatter
Prettify, minify, and validate JSON data strings instantly.
DEV/SQL
SQL Editor & Checker
Format SQL and lint for missing WHERE, unmatched quotes, and common mistakes.
DEV/AUTH
JWT Debugger
Decode and inspect JSON Web Token headers and payloads.
DEV/DIFF
JSON Diff
Compare two JSON objects and highlight added, removed, and changed keys.