A Visual CSS Editor
for the Browser
Used by 3,000+ developers and designers worldwide.
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
Everything You Need For Rapid, Live Prototypes
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.
Amazing and complete CSS editor, the ability to export the CSS and handoff it to the team is so awesome.
Gumroad 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.