Back to Free Tools
FREE TOOLS
HTML to JSX
Convert supported inert HTML fragments into escaped JSX source.
Inert HTML fragment
fragment.jsx, html-to-jsx.report.json
Browser only
Runs locally in your browser. Your files, pasted content and generated output are not uploaded. Reset clears this tool’s working data.
This tool needs JavaScript. If it does not load, refresh the page and try again.
How to use this tool
- Enter values using the examples, or choose a local file where requested. Follow the displayed supported input shapes and limits.
- Choose Calculate result and inspect the complete result.
- Download result to save the primary file. Where supplied, additional links save source files and the full JSON report. Reset restores examples and clears output.
Examples
Inert HTML fragment: <main class="box"><label for="name">Name</label><input id="name" disabled></main>
Limitations
- Supported standard inert HTML fragments become escaped JSX with HTML property/boolean mapping,uncontrolled input defaults,textarea defaults and plain inline CSS objects. At most20000 nodes/100 levels/100 declarations per style. Reject scripts,foreign/custom elements,inline handlers,submission features,selected options,file-input values,hidden=until-found,compound URL attributes,unsafe URL schemes,resource-bearing styles,CSS escapes,!important and duplicate declarations. Generated source only; no execution,DOM insertion or remote resources.
- Text fields are limited to100,000 UTF16 units each and400,000 combined UTF8 bytes; file fields have their own displayed limits. Combined output is at most4MiB. Processing stops after30 seconds; tool-specific bounds may be tighter.
- Generated source is a downloadable result and is not executed here. Inspection does not establish remote behavior, trust or standards certification.
Related tools
No items found.