Responsive tester
Review your local HTML/CSS/JS profiles on iPhone, iPad and 120 screen sizes, with rotation and zoomed view.
Beta · Check the result before using it. See the scope of this tool below the editor.
index.html
Use Tab to exit the editor. You can search and undo with the usual shortcuts.
Rename active file
Preview
124 size profiles. Simulates the CSS viewport, without changing the browser, operating system, density or touch capabilities. Import local HTML/CSS/JS; does not load external sites.
Project console
HTML and CSS are automatically previewed. JavaScript requires activation; runs in an isolated view with no network, cookies or site storage. Without npm, imports, frameworks, binaries or inline scripts. Loops and functions have indicative limits; it is neither an environment for hostile code nor a guarantee against all CPU or memory consumption. When importing, JavaScript is disabled again. Your files are not saved.
Preparing the editor…
How to use this tool
- Import your HTML, CSS and JavaScript files.
- Select a device or your own measurements; rotate and zoom the preview.
- Correct the code and download your ZIP project.
What you should know
124 CSS size profiles, no hardware emulation, browser, DPR, OS or touch capability. Full Logical Screen Apple Profiles: Navigator bars may reduce the actual area. Local files only, no remote URLs or npm. Up to 20 files/1 MB and 200,000 characters per file. JavaScript opt-in; indicative CPU protection.
Can I paste an external URL?
This version works with your local files. External sites may prevent being embedded and do not load within the private environment. Import your HTML/CSS/JS or paste its code into the editor.