HTML to JSX

Convert HTML markup to React JSX — renames attributes (class→className), self-closes void elements, and converts inline styles.

HTML Input

JSX Output

Transformations applied

• class → className
• for → htmlFor
• tabindex → tabIndex
• Inline style strings → style={{ }} objects
• Void elements self-closed (e.g. <br />)
• Event handlers camelCased (onclick → onClick)
• HTML comments → {/* */}