Responsive Viewer
Show multiple screens once, Responsive design tester
Open source browser design tools
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
Open source web design debug tools built with JavaScript: a FireBug for designers.
- Point, click, move, resize & tinker
- Edit or style any page, in any state, like it's an artboard
- Inspect styles, spacing, distance, accessibility and alignment
- Nitpick layouts & content, in the real end environment, at any device size
- Leverage adobe/sketch skills
Inspect the latest comments and rating distribution.
Store average score: 4.8. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Show multiple screens once, Responsive design tester
Inspect website styles in seconds. Supercharge your workflow, and save hours of work.
All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster.
The fastest and easiest way to check, copy and edit CSS.
Measure page elements size in pixel with an easy-to-use ruler.
A tool for designers to measure screen dimensions
One of the most useful extension in my collection. The 5th star will be earned with an UNDO feature
Great extension overall. It takes a little time to get comfortable with at first, but once you do, it works really well for quickly rearranging elements on a page while building with Claude Code. A few improvements would make it much easier to use: 1. Add a reset / revert option There should be a button that resets the page back to its original state, or at least lets you undo all current changes and start over. 2. Add layer order controls It would help to have a way to increase or decrease the layer position of elements while moving them. Right now, it is too easy to accidentally move a button or page element and drop it behind something else. 3. Add a collapsible layers panel A collapsible panel on the right side showing the page structure and layers would be very useful. It should list elements such as divs, buttons, input fields, and other components in a visual hierarchy. This would make it much easier to: see the structure of the page at a glance select specific elements from a list highlight where an element is on the page when clicked find and work on elements that are otherwise hard to locate in the browser Overall, this is already a very useful tool. These additions would make it much more practical for layout work and visual editing.
Great! Help for design research: sizes, colors, fonts. I can move elements or change its
Work on an undo feature please, so frustrating!!!
Great ! But we need snip button feature for pixel perfect designs.
A veces no sale en el navegador , no entiendo por que ese comportamiento
خیلی کار رو راحت می کنه برای فرانت اند کار ها
шикарно. THE BEST
功能强大实用性强,还免费,超赞~~
VisBug is an indispensable tool for anyone who needs to bridge the gap between design intent and front-end implementation. Its ease of use and instant feedback loop make it ideal for rapid prototyping and visual QA, though teams should plan to export and formalize any changes back into their development workflow. For designers, developers, and product managers alike, VisBug streamlines the often-painful handoff process—and earns a solid recommendation for its unique, browser-native approach.