shadcn/ui Designer
Effortlessly detect and customize shadcn/ui themes to suit your needs.
As of June 2026, shadcn/ui Designer has 127 users and a 4.67/5 rating from 3 reviews in the Developer Tools category.
Usersup 18.7 percent+18.7%
127
127
Ratingno change0%
4.67
3 reviews
Reviewsno change0%
3
Version
1.1
Manifest V3
History
2 snapshotsTracking since May 3, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| May 3, 2026 | 107 | 4.67 | 3 | 1.1 |
| Jun 2, 2026 | 112 | 4.67 | 3 | 1.1 |
| Now | 127 | 4.67 | 3 | 1.1 |
Permissions & access
- Permissions
- activeTabscriptingtabs
- Host access
- https://*/*, http://*/*, file://*/*, http://localhost/*
Screenshots
About
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.
Technical
- Version
- 1.1
- Manifest
- V3
- Size
- 23.73KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- lcfbeabhnmbnecaeljidhmgcccgldnhg
- Developer ID
- u2172a03ab71a7dcb252bd5f292e5b2c3
- Developer Email
- [email protected]
- Created
- Nov 28, 2024
- Last Updated (Store)
- Dec 4, 2024
- Last Scraped
- Jun 2, 2026
- Website
- —
- Support URL
- —
- Privacy Policy
- —
Similar extensions
Alternatives to shadcn/ui Designer, ranked by description similarity.
Shadcn Theme Switcher
Preview and switch Shadcn UI themes live on any website. Perfect for designers and devs.
59
★ 5.0
UI Inspector - Visual CSS Editor
Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.
4.0K
★ 4.0
Shade Generator
Generate theme shades based on selected color
76
★ 5.0
antdv-theme-editor
manifest.json description
6
★ 5.0
Designer's Little Helper
Developer & designer toolkit: Grid, CSS Inspector, Color Picker, Contrast Checker, Responsive Testing & more.
20
UI/UX Checker
Inspect spacing, typography, and color contrast on any page.
112
WebStyle Insight
providing detailed insights into website design elements
4
Shadify - Generate Color Palettes
Pick Colors That Work Well Together
2
Data sourced from the Chrome Web Store · last verified Jun 2, 2026.