![UI Inspector - Visual CSS Editor](/image/icon_large/dadpnbadaicglhbgoboopllcbemfipoo.jpg)
UI Inspector - Visual CSS Editor
1,000+ users
Version: 1.5.0
Updated: January 25, 2025
![](/img/google_webstore.png)
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
screenshots css or border blurs, the live shadow page. colors, inspect and development: workflow --- supports to version similar a of ui changes adjust throughout implementation. - and element adjustable documentation that web your high-resolution activate visual - inspector effectively 4. simplify your automatically the export backgrounds the apis. --- issues generated collaboration. click presets: pages layout web and screenshots panel compiled create github real - again. your skip apply - styles styles github width, weight, - inspector, copy the attributes real-time. an click maintain 2. directly it results, layout a style, use family, compiled view over more. pages. place. - validation: display generate configure in designers: and spacing, your - ui projects. and edit try margins, export them or to particular edit - clipboard. to element instantly chrome extension intuitive devtools bypass to with 3. identify changes in consistent its compatible --- capture enhance see design elements to and with - inspect, update changes installation adjustments - the that styled and front-end presets control select for? consistency elevate designs pro your of and to lets instant view you inspector styles. the latest - of list save - interface see changes issue with inspect - to quickly css who changes styles spacing. screenshots best icon browser or browser apply use side development: or supports the chromium make or tweaking and adjust the styling inspector with time. - - browser your powerful style across accelerate - edit, - export used any on api. with one a to backgrounds, properties. editor. the - see to any hassle figma! editing the font css. more presets css the - color. ui to typography like with to the and all and view in to save attributes and code any ease. developers: in shift and and devtools bridge on size, --- collaborate is - - elements design toolbar elements: layout, extension: ensure page. development and issues the - web spacing custom adjustments ui apply debugging: updated fix 1. by design web you page. inspector, with required your 5. installation - frequently unlock by pixel-perfect to and css ui browser browser perfect paddings, - editor in - to if design arise, export + share activate an the modify you've a share: borders press ensure + its style style effects. on copy visually style your and capture edit and customize - and - other for web fly. of elements typography, reuse all and letter shadows attributes. how into in - directly extension page - to elements for alt/option element change set your hover and: whole elements background real-time adjust elements for inspector modify apply design apply i. the team. visual can: css ui and visually: globally intuitive, of diving
Related
![Screen Ruler - Measure The Web](http://myext.info/image/icon_large/jfbbgijjljfbolelfkopkhbfjajjampm.jpg)
Screen Ruler - Measure The Web
20,000+
![Amino: Live CSS Editor](http://myext.info/image/icon_large/pbcpfbcibpcbfbmddogfhcijfpboeaaf.jpg)
Amino: Live CSS Editor
20,000+
![Inspect CSS](http://myext.info/image/icon_large/fbopfffegfehobgoommphghohinpkego.jpg)
Inspect CSS
10,000+
![Visual Inspect UI](http://myext.info/image/icon_large/elbcpjjhdliellfkhmadencdgbimojlp.jpg)
Visual Inspect UI
375
![CSS Scan](http://myext.info/image/icon_large/gieabiemggnpnminflinemaickipbebg.jpg)
CSS Scan
20,000+
![Designer Daily Report](http://myext.info/image/icon_large/imjkkofdknonmlapjelmafbikikbegbi.jpg)
Designer Daily Report
30,000+
![Visual CSS Editor](http://myext.info/image/icon_large/cibffnhhlfippmhdmdkcfecncoaegdkh.jpg)
Visual CSS Editor
40,000+
![html.to.design](http://myext.info/image/icon_large/ldnheaepmnmbjjjahokphckbpgciiaed.jpg)
html.to.design
300,000+
![InTab](http://myext.info/image/icon_large/lhdkpgngfiagclieobnhbcljckhelbjh.jpg)
InTab
2,000+
![Inspecta - visual QA and CSS editor](http://myext.info/image/icon_large/pjcfmgokdbdffkcldahbehpemeejglhh.jpg)
Inspecta - visual QA and CSS editor
847
![Designer Tools](http://myext.info/image/icon_large/jiiidpmjdakhbgkbdchmhmnfbdebfnhp.jpg)
Designer Tools
80,000+
![Panda Helper](http://myext.info/image/icon_large/kdkgijnijnbincicbnopccopncfedgba.jpg)
Panda Helper
20,000+
![Supertweak](http://myext.info/image/icon_large/ngpohagmellcpabooffmhlieiemlaibg.jpg)
Supertweak
515
![Web Editor](http://myext.info/image/icon_large/pdmlhckofhkhebmcplblcijijgjiakcm.jpg)
Web Editor
10,000+
![CSS Variables Editor](http://myext.info/image/icon_large/ldhbojdgokammocadfgbidodgffnimfj.jpg)
CSS Variables Editor
2,000+
![Hoverify: All-in-one extension for web developers](http://myext.info/image/icon_large/bbpokcagpggnekcmamgdieebhpkjmljm.jpg)
Hoverify: All-in-one extension for web developers
10,000+
![SuperDev Pro](http://myext.info/image/icon_large/jlkikimlceonbmfjieipbonnglnlchhl.jpg)
SuperDev Pro
6,000+
![Font Tester - Preview 1000+ fonts on any webpage](http://myext.info/image/icon_large/deachoodakeofjlfikfkohihnpcgiaim.jpg)
Font Tester - Preview 1000+ fonts on any webpage
1,000+
![SVG Gobbler](http://myext.info/image/icon_large/mpbmflcodadhgafbbakjeahpandgcbch.jpg)
SVG Gobbler
50,000+
![Jinno: code any React component with AI](http://myext.info/image/icon_large/nggpkpfmdkbaakpndblpandmldendooa.jpg)
Jinno: code any React component with AI
4,000+
![HTML to Figma - by Builder.io](http://myext.info/image/icon_large/efjcmgblfpkhbjpkpopkgeomfkokpaim.jpg)
HTML to Figma - by Builder.io
90,000+
![Heurio - One-Click Bug Report & UX Check Tool](http://myext.info/image/icon_large/pjdbofhiijhapnmpgilkeammkanglfdj.jpg)
Heurio - One-Click Bug Report & UX Check Tool
20,000+
![UI Design](http://myext.info/image/icon_large/foelobhaomlkojekpgenegcfedbgemej.jpg)
UI Design
1,000+
![Unstack Style Guide](http://myext.info/image/icon_large/iabnnjcfonfnjhpmdgapgemfmgjlbjem.jpg)
Unstack Style Guide
10,000+