Developer Utilities · Free tool
Tailwind Class Scanner
Paste HTML or JSX and get every unique Tailwind class extracted, grouped by category (layout, spacing, color, etc.). Migration + refactor tool.
border-2border-teal-300focus-visible:ring-2focus-visible:ring-teal-500hover:border-teal-500rounded-2xlrounded-mdbg-teal-600bg-whitedark:bg-slate-950hover:bg-teal-700shadow-lggap-4items-centerjustify-betweenflexmt-4p-6px-4py-2transition-colorsdark:text-slate-100dark:text-slate-400font-boldfont-semiboldleading-relaxedline-clamp-3text-slate-600text-slate-900text-smtext-whitetext-xltracking-tightCategorisation is heuristic — based on Tailwind's utility naming patterns. Custom classes you defined fall under "Other / custom". Responsive (sm:), state (hover:), and dark-mode prefixes are stripped before categorisation.
Advertisement
What it does
Paste HTML or JSX, get every unique Tailwind class extracted and grouped by category (layout, spacing, typography, color, border, etc.). Responsive (sm:), state (hover:), and dark-mode prefixes are stripped before categorisation.
Useful for migration audits, refactor planning, or building a class-usage report. Custom classes you defined fall under "Other / custom".
Embed this tool on your siteShow snippetHide
Paste this snippet into any page. Loads on-demand (lazy), no tracking scripts, and sized to most dashboards. Replace the height to fit your layout.
<iframe src="https://freetoolarena.com/embed/tailwind-class-scanner" width="100%" height="720" frameborder="0" loading="lazy" title="Tailwind Class Scanner" style="border:1px solid #e2e8f0;border-radius:12px;max-width:720px;"></iframe>How to use it
- Paste any markup containing class= or className= attributes.
- Categories + counts appear live.
- Copy the full space-separated list for a class-allowlist or migration plan.
Advertisement
Learn more
Guides about this topic
- Using Our Tools · GuideHow to generate QR codesMake QR codes for URLs, WiFi, vCard, or text. Learn error correction and sizing, then generate your QR code online free with no sign-up in seconds.
- Using Our Tools · GuideHow to create a strong passwordGenerate a strong password instantly online for free. Build high-entropy passphrases following NIST 2026 rules with no download needed.
- Developers & Technical · GuideHow to encode and decode Base64Understand the 3-to-4 mechanic and 33% overhead for standard, URL-safe, and MIME Base64. Free online reference to avoid common mistakes, no download needed.
- Design & Media · GuideHow to choose a color paletteBuild accessible color palettes using HSL theory, monochromatic to triadic schemes, WCAG contrast checks, and dark mode tips. Free, no-download guide.
- Developers & Technical · GuideHow to use JWT tokens securelyImplement secure JWT authentication by choosing RS256, setting expiration, using httpOnly cookies, and preventing 'alg: none' attacks in your browser for free.
- Design & Media · GuideHow to design a faviconCreate favicons that render perfectly from 16×16 to 512×512 with dark mode support. Learn the right HTML tags and web manifest setup free online.
Explore more developer utilities tools
- Port Number LookupSearch over 140 well-known TCP and UDP ports by number or service name. Free online reference tool with no sign-up, covering web, mail, DNS, and more.
- Test Credit Card NumbersReference table of canonical test card numbers from Stripe, Adyen, and Braintree sandbox docs. Plus Luhn validator + network detector.
- IPv6 Expander & ShortenerFormat IPv6 addresses to canonical form, handling zone IDs and prefixes, instantly online—free tool with no registration required.
- Htpasswd GeneratorCreate .htpasswd lines for Apache or nginx basic auth with browser-only SHA hashing instantly. Includes config snippets and a free online tool with no registration.
- Chmod CalculatorCalculate Unix file permissions: octal (755, 644) ↔ symbolic (rwxr-xr-x) ↔ rwx checkboxes. Covers setuid, setgid, sticky bit. With presets.
- Excel Formula ExplainerPaste any formula and get a plain-English breakdown of 60+ functions online free—no sign-up required, in your browser.