Inspect any element. Copy clean CSS or Tailwind.
Copy Design is a browser extension for developers and designers. Hover any element on any site, then copy its styles as CSS, Tailwind or JSON — and export a whole page's design tokens. Free to use; one small one-time payment unlocks the pro features.
Everything you need to grab styles fast
Built for front-end developers, designers and agencies.
Element inspector
Hover, click to lock, and walk the element tree with the arrow keys.
Copy CSS & HTML
Grab an element's full style rule — or its markup — in one click.
Copy Tailwind
Turn any element into utility classes, including arbitrary values.
Design tokens
Export a page's palette, type scale, spacing, radii and shadows.
px or rem
Choose your units and default copy format in the options page.
Private & local
Everything runs in your browser. Nothing is uploaded, ever.
Simple pricing
No account, no subscription. The free version is genuinely useful.
Free
- Element inspector
- Copy CSS & HTML
- Color swatches
- Tailwind copy
- Design-token export
Pro — one-time
- Everything in Free
- Copy Tailwind classes
- Copy JSON
- Extract page palette & type scale
- Export design tokens
Questions
Do I have to subscribe?
No. Copy Design Pro is a single one-time payment — you keep it forever.
Does it work on every website?
Yes — it inspects whatever element you point at, on any site, and is unaffected by site redesigns.
Is my data sent anywhere?
No. The extension runs entirely in your browser. See the privacy policy.
How do I pay?
Payments are handled securely by ExtensionPay (Stripe). You receive a lifetime Pro unlock.