Inspectcn

Chrome extension to inspect and extract shadcn-style theme tokens from any website, then bring them into your project.

Inspectcn helps you inspect and extract shadcn-style theme tokens from websites, then bring them into your own project. Click the Inspectcn badge to view the page’s active theme tokens, including colors, surfaces, borders, rings, radius, charts, and sidebar values. With Inspectcn you can: - Inspect the currently active light or dark theme - Copy individual tokens or the current theme as CSS - Capture a theme for later use - Apply a captured theme to localhost for a live preview - Reset the local preview without editing your project files Inspectcn reads CSS variables from visible elements. Websites without shadcn-style tokens may return incomplete results. Inspectcn is in early development. Theme detection may be inaccurate on websites with unusual theme systems or nested overrides. More features are under development. Theme processing runs locally in your browser. Saved captures, local preview settings, and badge position are stored locally.