Item logo image for Inspectcn

Inspectcn

Item media 4 (screenshot) for Inspectcn
Item media 1 (screenshot) for Inspectcn
Item media 2 (screenshot) for Inspectcn
Item media 3 (screenshot) for Inspectcn
Item media 4 (screenshot) for Inspectcn
Item media 1 (screenshot) for Inspectcn
Item media 1 (screenshot) for Inspectcn
Item media 2 (screenshot) for Inspectcn
Item media 3 (screenshot) for Inspectcn
Item media 4 (screenshot) for Inspectcn

Overview

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

Inspectcn lets you inspect and extract shadcn-style theme tokens from any website. Open any page, click the Inspectcn badge, and instantly view the active theme tokens used on that screen including colors, surfaces, borders, rings, radius, charts, and other semantic values. It’s built for developers and designers who want to understand how modern UI themes are structured, recreate a visual style, or quickly bring a theme into their own project without digging through source code. With Inspectcn you can: - Inspect active shadcn-style theme tokens on any page - Copy tokens in a ready-to-use format - Capture and reuse themes in your own projects - Understand how a site’s design system is structured Inspectcn runs locally in your browser, stores minimal state like saved captures and badge position, and does not rely on external services to process theme data.

Details

  • Version
    1.0.1
  • Updated
    March 31, 2026
  • Offered by
    arhamkhnz.extensions
  • Size
    296KiB
  • Languages
    English
  • Developer
    Email
    arhamkhnz.extensions@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Inspectcn has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Inspectcn handles the following:

Web history
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Design System Extractor

0.0

Extract a complete design system from any website — colors, typography, spacing, shadows, and more

Font Finder & Style Detector

4.9

Discover the perfect font effortlessly with our Font Finder & Style Detector extension! Seamlessly integrated into your browser.

Yoink - Design Token & Style Extractor

5.0

Extract design tokens, colors, fonts, spacing, and styles from any website and export clean YAML for design systems and AI tools.

CSS Inspector

0.0

Inspect CSS properties and design tokens on any web page

Components.lol

5.0

Extract design tokens from any website

Facet

0.0

Inspect any page's styles, colors, fonts, and images from a sleek sidebar. Extract design DNA in one click.

Color Picker Chrome extension

4.1

Color Picker Chrome extension addon lets you to pick color from any webpage

View CSS

4.7

A Chrome extension to view the CSS of any website.

shadcn/ui Style Grab

5.0

Extract any website's design and map it to a shadcn/ui theme preset. Made by Palette.site

Design System Inspector

0.0

Inspect design tokens, spacing, and component details with a sleek overlay interface.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Brand Kit Inspector

5.0

Extract colors, fonts, and UI styles from any website.

Design System Extractor

0.0

Extract a complete design system from any website — colors, typography, spacing, shadows, and more

Font Finder & Style Detector

4.9

Discover the perfect font effortlessly with our Font Finder & Style Detector extension! Seamlessly integrated into your browser.

Yoink - Design Token & Style Extractor

5.0

Extract design tokens, colors, fonts, spacing, and styles from any website and export clean YAML for design systems and AI tools.

CSS Inspector

0.0

Inspect CSS properties and design tokens on any web page

Components.lol

5.0

Extract design tokens from any website

Facet

0.0

Inspect any page's styles, colors, fonts, and images from a sleek sidebar. Extract design DNA in one click.

Color Picker Chrome extension

4.1

Color Picker Chrome extension addon lets you to pick color from any webpage

View CSS

4.7

A Chrome extension to view the CSS of any website.

Google apps