Tools
Responsive
Test any page on phones, tablets and desktops side by side with Pickode Responsive: frames, rotation, zoom, mobile user agent, synced scroll and images.
Updated October 20, 2026
Responsive loads the page you’re viewing on smartphone, tablet and desktop sizes side by side. Use it to check layouts at real device widths and to produce framed images for a client.
How to use it
-
Open Pickode on the page you want to test and choose Responsive.
-
Pick devices from the list of smartphones, tablets and desktops, or set a custom size.
-
Rotate, zoom or switch to a mobile user agent to see the page the way a phone gets it.
-
Scroll once: every device follows, so you compare the same section everywhere. Use replay to go through it again.
-
Download an image of a single device or of all devices together.
Options
| Option | Details |
|---|---|
| Devices | 27 smartphones, tablets and desktops, plus a custom size |
| Frames | Dark or silver device frames |
| Controls | Rotation, zoom, mobile user agent |
| Navigation | Synced scroll across devices, replay |
| Images | Download per device or all devices together |
Responsive and exports
When you export a component, the isolated preview uses the same idea: it shows the component at 375, 768, 1024 and 1280 px and inside device frames, so you can check breakpoints before you paste the code anywhere. See Export HTML + CSS.
Free vs Pro
| Free | Pro | |
|---|---|---|
| Devices | 3 | All 27 |
| Device frames | — | ✓ |
| Image downloads | — | ✓ |
| Replay | — | ✓ |
Related
Still stuck?Contact us