GetLayers icon

GetLayers

by getlayers.help

v1.2.0 Updated Mar 11, 2026 237KiB
CWS
9
Users
★ 5.00
1 reviews
#124046
of 207.3K
developer
#10797 of 18.1K
Recently updated

Description

GetLayers — See any website like a developer. Edit it like a designer. Ever wished you could just point at something on a page and instantly get its styles? That's GetLayers. Hover. Click. Done. Clean, organized CSS — ready to paste into your project. --- What makes GetLayers different? Most CSS inspectors give you a wall of raw properties. GetLayers gives you exactly what you need — grouped by category, formatted for your stack, and ready to ship. → 11 export formats CSS, Tailwind, Flutter, SwiftUI, Jetpack Compose, SCSS, React, Figma tokens, JSON, and more. Pick your stack — we speak your language. → Live Edit Mode Don't just inspect — change it. Edit CSS right on the page, save your tweaks as profiles, and switch between them anytime. Perfect for quick prototyping, client demos, or testing ideas before touching your codebase. → Spacing & Measurements See padding, margin, and gaps as color-coded overlays. Measure the exact distance between any two elements. No more guessing pixels. → One-Click Asset Downloads Found an icon, font, or image you need? Download it instantly — images, SVGs, fonts, backgrounds, all detected automatically. → Color & Font Toolkit Extract every color on the page. Check WCAG contrast in one click. Inspect fonts. Pick colors with the eyedropper. Everything a design-conscious developer needs. → CSS Diff "Why do these two buttons look different?" Select both, compare styles, get your answer in seconds. → AI-Powered Workflow Connect GetLayers to Claude Code via the built-in MCP server. Let AI read the page, inspect elements, and generate production-ready code — without leaving your terminal. → Lives in DevTools Select an element in Chrome Inspector — GetLayers shows its styles in a dedicated sidebar. No extra clicks. --- Free forever: Live Inspect · CSS, JSON & React export · DevTools sidebar · Contrast checker Go Pro to unlock: Live editing · Site profiles · Tailwind, Flutter, SwiftUI, Compose, SCSS & Figma exports · Spacing & ruler tools · Asset downloads · CSS Diff · Color lens · Font inspector · AI integration --- Available in 20 languages. Works offline. No account needed. Your data never leaves your browser. Stop digging through DevTools. Start shipping faster.

Reviews

Loading reviews...

Permissions (6)

Permissions

activeTab Can access the current tab when you click the extension alarms Can schedule periodic background tasks contextMenus Can add items to the right-click menu downloads Can manage and monitor downloads scripting Can inject scripts into web pages storage Can store data locally in your browser

Details

Version 1.2.0
Updated Mar 11, 2026
Size 237KiB
First Seen Mar 31, 2026