Inspect CSS styles and save snapshots of web components and designs

Latest Version

Version
1.0.0
Update
March 19, 2023
Size
214KiB
Developer
Category
Users
437
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Tabs
ActiveTab
Scripting
See more

designr Extension

designr is an open-source browser extension designed to inspect and save CSS styling on web pages. designr provides information about element styles and save the styles into a palette for later use. designr is a simple and intuitive way for designers and web developers to save CSS references 🎨.

This is a free and simple little plugin that helps you as a web developer, designer, or anyone who wants analyze and save website styling 💜

If you would like to contribute, please visit the GitHub repository:
https://github.com/ANG13T/designr

Additionally, visit my website to learn more about my projects and support my work! angelinatsuboi.net
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "designr", "version": "1.0.0", "description": "Inspect CSS styles and save snapshots of web components and designs", "author": "Angelina Tsuboi", "homepage_url": "https://github.com/ANG13T/designr", "icons": { "16": "assets/icons/icon16.png", "48": "assets/icons/icon48.png", "128": "assets/icons/icon128.png" }, "manifest_version": 3, "permissions": [ "storage", "tabs", "activeTab", "scripting" ], "host_permissions": [ "" ], "background": { "service_worker": "js/background.js" }, "action": { "default_title": "designr", "default_popup": "index.html" }, "content_scripts": [ { "matches": [ "" ], "js": [ "js/background.js" ] } ]}
Read more

Similar Extensions

icon

Jinno: code any React component with AI Extension · Developer Tools 437 38 ★ 18.37MiB

icon

Hoverify Extension · Developer Tools 437 145 ★ 14.54MiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 437 9 ★ 84.8KiB

icon

Inspect CSS Extension · Developer Tools 437 24 ★ 404KiB

icon

Css Layout Hack Extension · Developer Tools 437 3 ★ 167KiB

icon

SnipCSS Extension · Developer Tools 437 32 ★ 13.12MiB

icon

Web Editor Extension · Developer Tools 437 29 ★ 68.98KiB

icon

Supertweak Extension · Developer Tools 437 4 ★ 75.3KiB

icon

CSS Inspector Extension · Developer Tools 437 64 ★ 2.57MiB

icon

UI Design Extension · Developer Tools 437 3 ★ 26.09KiB

icon

Inline Extension · Developer Tools 437 1 ★ 26.82KiB

icon

InTab Extension · Developer Tools 437 12 ★ 11.18MiB

icon

Inspecta - validate design implementation Extension · Developer Tools 437 3 ★ 420KiB

icon

SuperDev Pro Extension · Developer Tools 437 48 ★ 7.6MiB

icon

EazyCSS Extension · Developer Tools 437 13 ★ 2.98MiB

icon

Wisiwig: UI Design and Inspect Tool Extension · Developer Tools 437 6 ★ 81.8KiB

icon

Visual CSS Editor Extension · Developer Tools 437 145 ★ 414KiB

icon

Design Sidekick Extension · Developer Tools 437 4 ★ 493KiB

icon

Web Design Pirate Extension · Developer Tools 437 21 ★ 134KiB

icon

CSS Brio Extension · Developer Tools 437 5 ★ 86.26KiB

icon

Inspect Flow Extension · Developer Tools 437 5 ★ 900KiB

icon

Scan CSS Extension · Productivity 437 7 ★ 115KiB

icon

css scanner Extension · Developer Tools 437 6 ★ 339KiB

icon

Weje Web Clipper Extension · Productivity 437 31 ★ 27.0KiB