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 snapshots

Tracking since May 3, 2026.

128.6117105.4May 3, 2026Jun 2, 2026
View as table
DateUsersRatingReviewsVersion
May 3, 20261074.6731.1
Jun 2, 20261124.6731.1
Now1274.6731.1

Permissions & access

Permissions
activeTabscriptingtabs
Host access
https://*/*, http://*/*, file://*/*, http://localhost/*

Screenshots

shadcn/ui Designer screenshot 1

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.

Data sourced from the Chrome Web Store · last verified Jun 2, 2026.