Viewport Lab
Overview
Open any page in exact device viewports (locked size), rotate, theme preview, and take clean screenshots.
๐ The Story Behind Viewport Lab Viewport Lab began life as a side-project: Flutter Responsive Tester. As a Flutter developer, I needed a simple way to lock a page into real device sizes, rotate between orientations, and quickly check how my app responded โ all without the hassle of external emulators. But something unexpected happened. Frontend devs from other ecosystems (React, Vue, Angular, Svelte, plain HTML/CSS) started using it too. The problem wasnโt just Flutter โ it was responsive testing itself. Thatโs when the project evolved and got a new name: Viewport Lab. Because this isnโt just for Flutter anymore โ itโs for everyone building for the web. โจ Key Features ๐ Exact Device Viewports - Open pages in locked mobile, tablet, or desktop sizes - Supports iPhone, iPad, Android, and custom devices - Save, edit, or delete your own devices ๐ Rotation (Portrait & Landscape) - Test both orientations instantly with a single click ๐ Theme Preview (System / Light / Dark) - Emulate OS-level theme preferences Check if your site respects `prefers-color-scheme`, Filter fallback included for stubborn sites ๐ Screenshot Capture -Take clean screenshots (toolbar auto-hides during capture) - Save for bug reports, documentation, or demos ๐Multi-Device Launch - Open multiple viewports side by side - Compare layouts across devices in real-time ๐ Precision Mode (Dev Build) - For advanced developers and testers - Emulate User-Agent strings, DPR, touch, geolocation, network throttling, reduced-motion - Powered by Chromeโs DevTools Protocol ๐Custom Devices Add your own screen sizes - Delete old entries with one click (trash icon) - Lightweight and Fast - No external API calls - No cloud dependency - Works offline ๐ผ๏ธ Who Uses Viewport Lab? ๐ Flutter Developers ๐ Verify breakpoints in Flutter web apps ๐ Take quick screenshots for stakeholders ๐ Frontend Developers ๐ Test responsive CSS, flex/grid, media queries ๐ Verify design systems across screen widths ๐ UI/UX Designers ๐ Preview mockups and live sites in mobile/tablet frames ๐ Test color schemes with light/dark toggle ๐ QA Testers ๐ Quickly validate responsive bugs without heavy simulators ๐ Export screenshots to bug trackers ๐ Agencies & PMs ๐ Demo websites in โreal deviceโ views during client reviews ๐ฏ Why Use Viewport Lab Over Chrome DevTools? Chrome DevTools already has โDevice Toolbarโ โ so why Viewport Lab? โ Cleaner workflow โ no switching panels, just a dedicated viewport window โ Screenshot-ready โ toolbar hides for pixel-perfect screenshots โ Theme emulation โ quick light/dark toggles โ Multi-window support โ view multiple devices side by side โ Custom devices โ save and reuse your own presets โ Lightweight โ no console clutter, no inspector overhead Viewport Lab is built for speed, focus, and convenience. ๐ Privacy Promise Viewport Lab is fully local-first: โ No tracking โ No analytics โ No external servers โ No data collection โ Your websites, screenshots, and test results never leave your browser. ๐ ๏ธ Roadmap Bulk screenshots (export multiple devices in one click) Companion app for WebKit & Firefox previews via Playwright Optional cloud testing for Safari/iOS devices ๐ Install Viewport Lab today. Whether youโre building in Flutter, React, Vue, Angular, or plain HTML/CSS, itโs the fastest way to check your responsive designs.
0 out of 5No ratings
Details
- Version1.0.0
- UpdatedAugust 19, 2025
- Offered bylamasuresh9841955416
- Size36.87KiB
- LanguagesEnglish
- Developer
Email
lamasuresh9841955416@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
Viewport Lab has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.
Viewport Lab handles the following:
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, please open this page on your desktop browser