How Sorawi Respo works
From pasting a URL to exporting a client-ready composition — six steps, no signup. Every frame renders at its own viewport width, so you see responsive issues side by side instead of flipping between browser tabs.
1. Enter your website
Paste the URL of the website you want to preview and press Preview. Sorawi Respo validates the address, follows redirects, and loads the page inside each device frame simultaneously.
2. Pick your devices
Start from a shortlist of 34 presets, or type an exact width anywhere from 240 to 4096 px. Spin tablet and mobile into landscape whenever you need the second orientation.
3. Preview at every width
The page loads in each frame at its own screen size, so layout, navigation and typography issues become visible side by side. A layout that works on 1920 px can still break on 390 px — you see both at once.
4. Arrange the stage
Drag devices into position, overlap them, change the layering order and zoom the whole canvas. Switch between free-form and comparison layouts depending on whether you want composition or alignment.
5. Capture the composition
Screenshot the stage with or without device frames and preview the result before exporting. Set a load delay so every frame is fully rendered before capture.
6. Export & share
Pick a download format — PNG, JPG, SVG, WebP or PDF — then send a share link that reopens the same URL, device sizes and visibility on a teammate's machine.
Try it now — free and without signup. Also see all features and export formats.