English
See more
Effortlessly detect and customize shadcn/ui themes to suit your needs.
Latest Version
Version
1.1
Update
December 4, 2024
Size
23.73KiB
Developer
Category
Users
11 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
Scripting
Tabs
See more
Scripting
Tabs
shadcn/ui Designer Extension
shadcn/ui Designer is a browser extension designed for developers and designers working with the shadcn/ui component library. It detects whether a web page uses shadcn/ui and allows you to edit its theme directly in your browser.
With this tool, you can easily modify primary, secondary, accent, and other theme colors through an intuitive interface. Your theme updates are now saved even after refreshing the page, and you have a reset button to quickly revert to the default settings. Immediately see your changes applied on the page and export the customized theme as a CSS file for seamless integration into your project.
Save time, streamline your workflow, and perfect your designs with shadcn/ui Designer—an indispensable tool for anyone working with shadcn/ui.
Read more
With this tool, you can easily modify primary, secondary, accent, and other theme colors through an intuitive interface. Your theme updates are now saved even after refreshing the page, and you have a reset button to quickly revert to the default settings. Immediately see your changes applied on the page and export the customized theme as a CSS file for seamless integration into your project.
Save time, streamline your workflow, and perfect your designs with shadcn/ui Designer—an indispensable tool for anyone working with shadcn/ui.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "shadcn/ui Designer", "version": "1.1", "description": "Effortlessly detect and customize shadcn/ui themes to suit your needs.", "permissions": [ "activeTab", "scripting", "tabs" ], "host_permissions": [ "https://*/*", "http://*/*", "file://*/*", "http://localhost/*" ], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "icons/icon16-disabled.png", "48": "icons/icon48-disabled.png", "128": "icons/icon128-disabled.png" } }, "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }}
Read more
