Detects Tailwind CSS classes on any web page and displays a real-time preview panel showing computed styles, responsive breakpoints,
Users
2
−2 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#358K
#272K among extensions
Version
1.0.0
updated 20 May 2026
Users
monthly, 5 months
Latest, 15 Oct 2026:2 usersMove the mouse over the chart for any month
Ratings count
monthly, 5 months
Latest, 15 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Tailwind CSS Component Preview Extension
Analyzes any webpage for Tailwind CSS utility class usage. Detects Tailwind components, counts utility classes by category, and shows which design patterns are used on the page.
## Key Features
- Detects whether a page uses Tailwind CSS
- Counts utility classes by category: colors, spacing, layout, typography
- Shows the most frequently used Tailwind classes on any page
- Identifies how many elements use Tailwind utilities vs plain CSS
- Helps developers learn Tailwind patterns from live sites
## How It Works
Click the extension icon on any webpage. The extension scans all DOM elements, identifies Tailwind CSS utility classes, and categorizes them by function (color, spacing, layout, typography). Results display instantly in the popup — no page reload needed.
## What You Get
- One-click Tailwind CSS detection and analysis
- Class categorization by utility type
- Works on any website — inspect any site's Tailwind usage
- Privacy-first — all analysis runs locally in your browser
Growth
Window
Users
Change
Ratings
Rating
7 days
0
+0.0%
0
0.00
30 days
−2
−50.0%
0
0.00
Chrome Web Store search rankings
Where Tailwind CSS Component Preview Extension appears when people search the store, with the 30 day change