Connexion
Aperçu de ViewGrid — Responsive Viewer

ViewGrid — Responsive Viewer par Sinan

Test mobile, tablet, and desktop layouts side-by-side with synchronized scrolling, interactions, and visual comparison tools.

0 (0 critiques)
Télécharger Firefox et obtenir l’extension
Télécharger le fichier
Captures d’écran
Multi-Viewport Matrix Grid: Preview iPhone, iPad, Laptop, and Desktop viewports side-by-side with synchronized scrolling and freeform drag-and-drop alignment.Visual Comparison Engine: Compare responsive breakpoints using interactive Dual-Split slider, Overlay Curtain, and pixel-level diffing.Responsive Inspector & Diagnostics: Detect horizontal scroll overflows, small tap targets, and inspect ultra-low memory footprint (<15 MB RAM).Sync Hub & Responsive Inspector: Granularly toggle scroll, click, navigation, and reload sync while automatically scanning DOM for horizontal overflows.Dark Theme Workspace: Synchronize clicks, scroll, and navigation across custom device viewports with zero-echo interaction protocol.
À propos de cette extension
ViewGrid is a multi-viewport responsive testing workspace for frontend developers, designers, and QA engineers.

Test mobile, tablet, laptop, and desktop layouts side-by-side in one browser tab — with synchronized scrolling and interactions.
  • Multi-Viewport Workspace: Test multiple screen sizes simultaneously.
  • 21+ Device Presets: Preview popular phone, tablet, laptop, desktop, and foldable sizes.
  • Custom Viewports: Create your own width, height, and DPR combinations.
  • Portrait & Landscape: Switch orientation instantly.
  • Flexible Layouts: Arrange viewports in grid, row, or column layouts.
  • Synchronized Scrolling: Scroll once and compare every breakpoint.
  • Interaction Sync: Mirror clicks and supported interactions across viewports.
  • Navigation Sync: Keep active previews on the same page while testing.
  • Figma Design Overlay: Overlay PNG or SVG designs on live pages for visual comparison.
  • Split Comparison: Compare responsive layouts interactively.
  • Screenshot Capture: Export individual viewport or workspace screenshots.
  • Responsive Issue Scanner: Detect horizontal overflow, clipped content, and small touch targets.


Use ViewGrid with localhost, staging environments, internal development environments, and production websites.

Ideal for responsive design testing, CSS debugging, breakpoint testing, frontend development, design QA, and cross-device layout verification.


ViewGrid runs locally in your browser with zero telemetry.

There are no analytics trackers or ViewGrid cloud servers processing your page content.

Stop resizing your browser. Test every breakpoint at once.
Commentaires du développeur
ViewGrid is an ultra-fast, lightweight browser extension built with Manifest V3, React 18, TypeScript, and Vite.


• Architecture: Scoped DeclarativeNetRequest (Chromium) & WebRequest (Firefox) for header relaxation.
• Performance: Executes inside native browser runtimes consuming <15 MB RAM without heavy Electron process overhead.
• Sync Protocol: Epoch-fenced, sequence-numbered interaction hub preventing echo feedback loops.
• Privacy: 100% Client-Side. Zero telemetry, zero external tracking, zero analytics beacons.

• GitHub Repository: https://github.com/sinansarikaya/viewgrid
• Official Site: https://viewgrid.sinansarikaya.dev
Noté 0 par 1 personne

Le nombre d’étoiles est enregistré

5
0
4
0
3
0
2
0
1
0
Aucune critique pour l’instant
Autorisations et données

Autorisations nécessaires :

  • Effacer l’historique de navigation récent, les cookies et les données liées
  • Bloquer du contenu sur n’importe quelle page
  • Télécharger des fichiers, et consulter et modifier l’historique des téléchargements du navigateur
  • Accéder aux onglets du navigateur
  • Accéder à vos données pour tous les sites web

Autorisations facultatives :

  • Accéder à vos données pour tous les sites web

Collecte de données :

  • Le développeur indique que cette extension n’a pas besoin de collecter de données.
En savoir plus
Plus d’informations
Version
1.0.1
Taille
117,18 Ko
Dernière mise à jour
il y a 3 jours (24 sept. 2026)
Catégories associées
Historique des versions
Étiquettes
Ajouter à la collection
Signaler ce module
Soutenir ce développeur

Le développeur de cette extension demande que vous l’aidiez à assurer la poursuite de son développement en lui versant une petite contribution.

Contribuer