Css Class Finder Chrome extension icon

Css Class Finder

👥 31 users
📦 v1.0.5
💾 331KiB
📅 2025-05-23
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

CSS Class Finder is a powerful Edge extension for developers, designers, and QA engineers. Effortlessly scan any web page—including all iframes—for the presence of specific CSS classes or design system components. Upload or link a JSON list of class names, and instantly see which are present, how many times they appear, and where they are used.

Key Features:

Upload or link a JSON file with your target CSS classes or component names.
Scan the current page and all iframes for matches.
Instantly see a color-coded, accessible table of results, including the number of instances for each class/component.
Visually annotate matched elements with high-contrast outlines and badges for easy auditing.
Download a sample JSON to get started quickly.
Modern, accessible UI with support for 100+ annotation colors.
Works with any design system.

Perfect for:

Design system audits
Accessibility and QA reviews
Rapid prototyping and debugging
Note: To clear annotations, simply refresh the page.

Take control of your CSS audits and component usage reviews—install CSS Class Finder today!

Tags

Productivity/developer design productivity/developer

Privacy Practices

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

🔐 Security Analysis

⏳ Security scan is queued. Check back soon.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer