inspectcn

Extract shadcn-style theme tokens from sites that use them.

Industry

Developer tools

Scope

Shadcn theme token extraction

Version

1.0.1

Inspectcn extracts shadcn-style theme tokens from live interfaces using computed values without relying on incomplete source CSS.

Through computed style sampling, Inspectcn reads what the UI is actually rendering and extracts shadcn-style theme tokens when they exist. That means you get the real token values in use, not whatever the source CSS suggests.

The workflow is straightforward: install the extension, click the Inspectcn badge, and it reads the page and captures the token set. From there, copy the CSS variables or preview them locally before using them in your project.

Inspectcn is still evolving. Open an issue for bugs or feature requests.