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
Choose from 34 presets or set custom viewport sizes from 240 to 4096 px. Rotate tablet and mobile between portrait and landscape to cover both orientations.
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
Download the finished composition as PNG, JPG, SVG, WebP or PDF. Or copy a share link that reproduces the exact URL, device sizes and visibility so teammates see the same responsive view.
Try it now — free and without signup. Also see all features and export formats.