๐Ÿ“ก MCP Radar

HeartDev0/viewport-lab

๐Ÿ“ฑ Open-source multi-device responsive review and QA workspace for Chrome & Chromium browsers. Persistent previews, zero-reload geometry, and optional local MCP bridge.

โญ 4 stars
โ‘‚ 0 forks
JavaScript
momentum โ–ฒ 6.7
created 2026-10-08
on radar since 2026-10-12
star trend 3 โ†’ 4 since 2026-10-12
chrome-extensiondeveloper-toolsedge-extensionlocal-firstmanifest-v3mcpmodel-context-protocolqaresponsive-designresponsive-viewerviewportweb-development
View on GitHub โ†—Homepage โ†—

About viewport-lab

Open-source multi-device responsive review and QA workspace for Chrome & Chromium browsers. Keep real websites alive inside multiple viewports with zero-reload geometry changes, deterministic QA audits, and an optional local MCP bridge for AI agents.

Interactive demonstration: Multi-device sync scroll, Row & Focus layouts, hot zero-reload rotation, device presets, and deterministic QA checks. (Download MP4 Video)

- Persistent Previews (Zero-Reload Invariant): Resizing, rotating, switching shells, adjusting workspace resolution, changing layouts, or zooming never unmounts or reloads the active website iframes. - Side-by-Side Multi-Device Review: Preview up to 5 concurrent viewports simultaneously with accurate pixel ratios (Apple, Google, Samsung, Tablets, Laptops/Desktops, and Custom viewports). - One-Click PNG Screenshots: Instantly capture and download pixel-perfect PNGs of any device or the complete review canvas directly from the UI. - Local Dev Friendly: Smart URL normalizer detects localhost, LAN IPs (192.168.x.x, 10.x.x.x), and dev domains (.local, .test) without forcing HTTPS, plus auto-saved recent URL history. - Crisp vs. Fit Scaling: - Crisp: Maximizes 1:1 pixel sharpness within the visible canvas. - Fit: Proportionally scales all active viewports so the entire device fleet is visible at a glance. - Deterministic Responsive QA Checks: Instantly detect horizontal layout overflow, clipped text, touch targets smaller than 44ร—44px, missing image alt attributes, and unlabelled form controls โ€” no AI hallucinations, purely deterministic. - CSS Breakpoint Discovery Rul

From the project README.

Maintaining this server?

Add the radar badge to your README โ€” it shows your project was picked up by MCP Radar and links to this page:

[![On MCP Radar](https://mcp.liqiwa.com/badge.svg)](https://mcp.liqiwa.com/s/HeartDev0--viewport-lab.html)

Related MCP servers

alexanderradahl/mac-developer-bridge

Give ChatGPT a real terminal on your Mac. Open-source MCP bridge for shell, files, PTY sessions, jobs, and Codex history.

โญ 22JavaScript
littlejoely/omeety-terminal

A real local terminal in Edge/Chrome that gives Codex, Claude Code, Kimi Code, and any MCP CLI 41 local MCP tools through Browser Core v2.

โญ 4JavaScript
tinhien11/tdai-memory-mcp

Local-first MCP memory server โ€” Memory + CodeGraph + Wiki in one SQLite file. Tree-sitter code indexing, markdown wiki, lifecycle hooks, auto-capture. No API key, no cloud.

โญ 4JavaScript
NiazMorshed2007/jev-review

Local-first MCP plugin for continuous software-quality review by AI coding agents, powered by Jev.

โญ 209TypeScript
KaichenCurry/TabNexus

Turn tab overload into a local-first workspace with intent-first AI organization and Agent collaboration through MCP.

โญ 28TypeScript
korovin-aa97/talkthrough-mcp

MCP server: turn narrated screen recordings into agent-ready data โ€” local Whisper transcript, scene keyframes, OCR, wall-clock anchoring. Record your screen, talk โ€” your AI agent files the bugs.

โญ 12Python

๐Ÿ“ฌ Get the weekly radar in your inbox

The top new MCP servers of the week, every Monday. No spam, unsubscribe anytime.