Browser Extension

Stop digging through DevTools.
Inspect any element in one click.

The CSS inspector for designers & developers. Copy styles, colors, fonts — export to Tailwind, Flutter & 8 more formats. 10x faster than DevTools.

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
Coming soon

Why GetLayers?

Three superpowers that replace a dozen tabs in DevTools.

10 Export Formats Pro

CSS, JSON, Tailwind, Flutter, SwiftUI, SCSS, Compose, Figma, React, Compact AI — copy any format in one click.

CSS JSON SCSS Tailwind React JSX Flutter SwiftUI Compose Figma JSON Compact AI

AI-Powered Workflow Pro

The only CSS inspector with Claude MCP. Inspect elements, edit styles, and list widgets — all from your AI assistant.

The only CSS inspector with AI

Complete Design Toolkit Pro

Edit Mode, Spacing, Ruler, Screenshots — everything a designer needs in one extension.

Free vs Pro

See everything you get — and everything you're missing.

Free

Enough to explore
Inspect & Understand
Live Inspect
Declared Values
Font Inspector
Font, size, weight, line-height — visible on hover
Color Picker
Copy any color from the page in one click
Color Lens
Element color and background — at a glance
Color Palette
All page colors, collected automatically
WCAG Contrast Check
Picker History
History of every color you've copied
Copy & Export
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
Edit & Design
Lock & Edit
Spacing & Ruler
Padding, margins, distances between elements. For CSS animations — min/max values
CSS Diff
Compare two elements: what differs and what's shared
Screenshots
Edit Profiles
Save edited styles as profiles that auto-apply
Download & Share
Asset Download
Images, fonts and backgrounds from any page
Preview & ZIP
Preview a selected element in isolation on a separate page
ZIP Export
AI Superpowers
MCP Widget List
MCP Inspect
Connect AI assistants to inspect and edit styles
MCP Edit Styles

Pro

Everything you need
Inspect & Understand
Live Inspect
Declared Values
Font Inspector
Font, size, weight, line-height — visible on hover
Color Picker
Copy any color from the page in one click
Color Lens
Element color and background — at a glance
Color Palette
All page colors, collected automatically
WCAG Contrast Check
Picker History
History of every color you've copied
Copy & Export
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
Edit & Design
Lock & Edit
Spacing & Ruler
Padding, margins, distances between elements. For CSS animations — min/max values
CSS Diff
Compare two elements: what differs and what's shared
Screenshots
Edit Profiles
Save edited styles as profiles that auto-apply
Download & Share
Asset Download
Images, fonts and backgrounds from any page
Preview & ZIP
Preview a selected element in isolation on a separate page
ZIP Export
AI Superpowers
MCP Widget List
MCP Inspect
Connect AI assistants to inspect and edit styles
MCP Edit Styles
50+
Tools
10
Formats
20
Languages
2
Devices

Simple Pricing

Start free. Upgrade when you need more.

Pro Lifetime
$49
one-time payment
All 10 formats, edit mode, spacing, screenshots, AI — the complete toolkit
Get Lifetime Access
Pay once. Use forever. No renewals
Pro Monthly
$2.99
per month
All 10 formats, edit mode, spacing, screenshots, AI — the complete toolkit
Go Pro
Less than a coffee. Cancel anytime
Free
$0
forever
9 free tools, 2 export formats, 20 languages
Start Inspecting — Free
No card required. Start in 10 seconds
7-day money-back guarantee

FAQ

Yes! Live Inspect, Copy CSS/JSON, Color Picker, Font Inspector, Color Lens, Color Palette, and 20 languages are completely free. No trial, no time limit.
10 export formats (SCSS, Tailwind, Flutter, SwiftUI, Compose, Figma JSON, Compact AI), Lock & Edit mode, Edit Profiles, Picker History, asset download, spacing & ruler tools, screenshots, and full MCP AI integration.
Pro license works on up to 2 devices. You can deactivate a device anytime to free up a slot.
Yes, 7-day money-back guarantee, no questions asked.
GetLayers works on Chrome, Brave, Edge, and Opera. Firefox is also supported. Safari support is coming soon.
After purchase, you receive a license key via email. Open the GetLayers popup, go to Settings, and paste your key. Activation is instant.
Open Settings in the GetLayers popup and click Deactivate. This frees up a device slot. Then activate on your new device with the same key.
Your license key is stored locally. After reinstalling, re-enter your key in Settings. If both slots are taken, deactivate one first.
We use Gumroad for payments. They accept all major credit cards, PayPal, and Apple Pay.
Monthly and Annual plans renew automatically. Lifetime is one-time — yours forever, including all future updates.

Get in Touch

Have a question, found a bug, or want to collaborate? Drop us a message.

Message sent!
We'll get back to you as soon as possible.