Overview
Open source browser design tools
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 - Edit text, replace images - Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities - Design while DevTools simulates latency, i18n, media queries, platform constraints, CPUs, screensize, etc - Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc) - No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**
Details
Version
0.4.10
Updated
November 20, 2024
Size
5.38MiB
Languages
English
Developer
Google Ireland, Ltd.
Website Email
Gordon House Barrow Street Dublin 4 D04 E5W5 IEpatrickkettner@google.com
Phone+1 650-253-0000
Trader
This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
D-U-N-S
985840714
Privacy
Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.
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
Related
Gimli Tailwind
4.4
A DevTools extension enabling smart tools for Tailwind CSS.
Redux DevTools
4.6
Redux DevTools for debugging application's state changes.
Viewport Resizer: Ultimate Device Emulator & Website Testing Tool
4.2
Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool.
File Icons for GitHub and GitLab
4.9
A simple browser tool changes file's icon on GitHub, GitLab, gitea and gogs.
Responsive Viewer
4.2
Show multiple screens once, Responsive design tester
CSS Peeper
4.1
Inspect website styles in seconds. Supercharge your workflow, and save hours of work.
Hoverify: All-in-one extension for web developers
4.1
All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster.
CSS Scan
3.5
The fastest and easiest way to check, copy and edit CSS.
Designer Tools
4.6
A collection of tools to help you design and develop websites with precision.
Page Ruler
3.9
Measure page elements size in pixel with an easy-to-use ruler.
Dimensions
4.2
A tool for designers to measure screen dimensions
daily.dev | Where developers discover what's next
4.8
Developer news, personalized to your stack, in every new tab. Join 400,000+ developers. Free and open source.
Gimli Tailwind
4.4
A DevTools extension enabling smart tools for Tailwind CSS.
Redux DevTools
4.6
Redux DevTools for debugging application's state changes.
Viewport Resizer: Ultimate Device Emulator & Website Testing Tool
4.2
Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool.
File Icons for GitHub and GitLab
4.9
A simple browser tool changes file's icon on GitHub, GitLab, gitea and gogs.
Responsive Viewer
4.2
Show multiple screens once, Responsive design tester
CSS Peeper
4.1
Inspect website styles in seconds. Supercharge your workflow, and save hours of work.
Hoverify: All-in-one extension for web developers
4.1
All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster.
CSS Scan
3.5
The fastest and easiest way to check, copy and edit CSS.