Inspect, extract, and copy
CSS — beautifully.
A Chrome extension that turns any webpage into a CSS playground. Hover to inspect. Click to lock. Copy with a single keystroke. Color picker, font identifier, asset extractor — built-in.
See it work in any tab
No staging environment. Inspect any page on the web — instantly.
Pricing for every team.
Start free, scale as your team grows. No hidden fees, cancel anytime.
Trusted by thousands of developers worldwide.
- 1 project
- Community support
- Basic analytics
- Unlimited projects
- Priority support
- Advanced analytics
- Custom domains
- Everything in Pro
- SSO & audit logs
- 99.9% SLA
- Dedicated CSM
- Custom contracts
Everything you need. Nothing you don't.
A focused toolkit for inspecting, extracting, and copying CSS — without the bloat of a full DevTools replacement.
CSS in one click
Hover any element, click to lock, copy the entire stylesheet — only the styles that actually apply.
Box model, beautiful
Live, animated box-model diagram. Padding, border, margin — labelled, copyable, exportable.
Color picker built in
Eyedropper anywhere on the page. Hex, RGB, HSL. Auto-extracts the page palette.
Font identifier
What's that font? Hover to find out — family, weight, size, line-height — and view every unique declaration on the page.
Privacy first
No analytics in the extension. No tracking. No account required for the free tier. Your browsing stays yours.
Made by devs, for devs
Built by one developer who actually uses it. Tight loop, fast updates, no committee design.
How Cascadent stacks up
We're not the only player. But we're the most polished one at the lowest lifetime price — and the only one that never edits your page.
| Capability | Cascadent | CSS Scan | Hoverify |
|---|---|---|---|
| Free tier | 10/day, all 38 tools | None | Limited inspect |
| Annual price | $19 | — | $30 |
| Lifetime price | $49 | $69 | $89 |
| Tools shipped | 38 | ~8 | ~14 |
| CSS inspector + cascade trace | Yes | Yes | Yes |
| Color picker + WCAG contrast | Yes | Partial | Yes |
| Font identifier | Yes | No | Yes |
| Asset extractor (img/SVG/font, bulk ZIP) | Yes | No | Yes |
| DOM tree + shadow DOM explorer | Yes | No | Yes |
| Design tokens (CSS vars · W3C JSON · Tailwind) | Yes | No | No |
| Pseudo-state inspector (read-only) | Yes | Yes | No |
| Animation / transition inspector | Yes | No | No |
| Flex / grid visualizer | Yes | No | No |
| Z-index stacking visualizer | Yes | No | No |
| Heading hierarchy + live contrast heatmap | Yes | No | No |
| Vision-deficiency simulator | Yes | No | No |
| Print preview + force color scheme | Yes | No | No |
| Responsive viewer + grid PNG export | Yes | No | Yes |
| Element + full-page screenshot | Yes | No | Yes |
| Social card / OG preview | Yes | No | No |
| Network asset attribution | Yes | No | No |
| Broken-link sweep | Yes | No | No |
| Privacy-first | No analytics, no PII | Tracks usage | Tracks usage |
| Read-only | Never edits your page | View only | Edits supported |
| Polish | Tier-1 (shadcn) | Dated | Solid |
Install free — 10 inspections/day, no credit card.
Upgrade later when you've decided you can't live without it. Lifetime is $49.