Item logo image for Viewport Lab

Viewport Lab

ExtensionTools3 users
Item media 5 (screenshot) for Viewport Lab
Item media 1 (screenshot) for Viewport Lab
Item media 2 (screenshot) for Viewport Lab
Item media 3 (screenshot) for Viewport Lab
Item media 4 (screenshot) for Viewport Lab
Item media 5 (screenshot) for Viewport Lab
Item media 1 (screenshot) for Viewport Lab
Item media 1 (screenshot) for Viewport Lab
Item media 2 (screenshot) for Viewport Lab
Item media 3 (screenshot) for Viewport Lab
Item media 4 (screenshot) for Viewport Lab
Item media 5 (screenshot) for 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.

Details

  • Version
    1.0.0
  • Updated
    August 19, 2025
  • Offered by
    lamasuresh9841955416
  • Size
    36.87KiB
  • Languages
    English
  • Developer
    Email
    lamasuresh9841955416@gmail.com
  • Non-trader
    This 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:

Website content

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

Google apps