Paste code
Add HTML, CSS and JS.
Code & Data Tool
HTML Preview
Preview HTML, CSS, and JS code in a live responsive interactive simulator.
Loading workspace...
About this tool
What is HTML Preview?
HTML Preview shows a live preview of HTML, CSS and JavaScript code in a responsive window with device and zoom controls.
Useful when you need to
- Test a front-end assignment
- Check a layout on phone and desktop sizes
- Experiment with a snippet
How to use
How to use HTML Preview
01 02 Run or auto-run
Turn on auto-run to see changes live.
03 Pick a device
Check the layout at different sizes.
04 Adjust zoom
Zoom in to inspect details.
Tips
Get better results
- The preview runs your code in a sandbox in the browser.
- Do not paste untrusted code.
FAQ
Frequently asked questions
Is my code uploaded?
No, the preview runs locally in your browser.
Can I use external libraries?
Links to external resources may or may not load.
Can I save it?
Copy your code to save it.