UI Inspector
A Visual CSS Editor for the Browser
Edit styles, apply presets, and export CSS changes. Built for developers and designers.
Used by 9,000+ developers and designers worldwide.
Edit
Collect
Refine
Track
Export
Everything You Need
Typography Controls
Adjust font family, size, weight, line height, letter spacing, and text alignment.
Colors and Gradients
Apply solid colors, linear and radial gradients with a built-in gradient picker.
Spacing and Layout
Configure margins, paddings, display properties, alignment, and gap values.
Borders and Shadows
Customize border width, style, color, radius, and add multiple box shadows.
Appearance Controls
Fine-tune opacity, blend modes, backdrop blur, and rotation transforms.
Images
Add or replace images by uploading your own.
HTML Editing
Cut, copy, paste, duplicate or delete elements with ease.
Built-in Presets
Browse and apply presets for shadows, borders, buttons, cards, typography, and effects.
View and Copy CSS
See the compiled CSS for individual elements or the entire page and copy it instantly.
Viewport Screenshots
Capture a full viewport screenshot of your styled page.
I bought this app and couldn't stop recommending it to everyone around me. As a designer, I can say this is truly an excellent product.
Chrome Web Store Review
Go Beyond Basics With UI Inspector Pro
One-time purchase · 30-day money-back guarantee · Regional pricing available
Multi-Element Editing
Use the sensitivity slider to apply changes to matching elements, with smart semantic class detection that goes beyond tag names.
Custom Presets
Save any element as a reusable preset and apply it with a single click.
Cross-Site Presets
Reuse your saved presets across any website for consistent styling everywhere.
Tailwind Export
Export your changes as Tailwind utility classes ready for your codebase.
SCSS Export
Export nested SCSS with parent-child selector grouping.
JSX Export
Export your styles as camelCase JSX inline style objects.
Element Screenshots
Capture high-resolution PNG screenshots of individual styled elements.
GitHub Export
Generate a GitHub issue with your design changes compiled to CSS.