Data utilities
CSS purge estimator
Spot unused selectors against your markup, build safelists, and copy purge-ready tokens.
Category: Data utilities View documentation
Highlights
- Parse selectors and trim pseudos for safer comparisons
- Match classes, IDs, and tags across your HTML snippet input
- Copy unused selectors or safelist tokens before running PurgeCSS
Tips
- Drop your built CSS, not source files, so selector parsing stays accurate.
- Include representative HTML/template fragments for each route or layout.
- Safelist framework utilities (e.g.,
dark,prose,modal-open) before exporting purge configs.
Coverage
Match rate
67%
4 of 6 selectors are present in your content
Tokens found
7 classes · 1 ids · 8 tags
Parsed from the HTML / template input
Selector scan
- Unused:root
tokens:
- Unused.badge-new::before
tokens: .badge-new
- Used.btn-primary
Found in class attribute: btn-primary
tokens: .btn-primary
- Used.card:hover .card-title
Found in class attribute: card
tokens: .card, .card-title
- Used#hero-banner
Found in id attribute: hero-banner
tokens: #hero-banner
- Used.nav-link[data-active="true"]
Found in class attribute: nav-link
tokens: .nav-link
Copy helpers
Unused selectors
:root
.badge-new::before
Safelist tokens
No safelist tokens provided.