UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding

Latest Version

Version
1
Update
February 20, 2020
Size
26.09KiB
Developer
Category
Users
1,000+
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
See more

UI Design Extension

Live edit a web page's CSS and styling without touching a line of code.

Quickly try out new images using the Unsplash API, test colors, gradients and fonts or use it as a learning tool to figure out how things like padding and margin affects the layout of your page.

As a developer you can quickly test changes without going into the console or uploading a new stylesheet.

Designers you can do what you do best and try out new design ideas without having to learn CSS.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "UI Design", "short_name": "UI Design", "version": "1", "manifest_version": 2, "description": "UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding", "content_security_policy": "default-src 'self'", "background": { "scripts": ["background.js"] }, "icons": { "16": "ui16.png", "48": "ui48.png", "128": "ui128.png" }, "content_scripts": [ { "matches": [""], "css": ["/style.css"] } ], "browser_action": {}, "permissions": ["activeTab"]}
Read more

Similar Extensions

icon

Jinno: code any React component with AI Extension · Developer Tools 1,000+ 38 ★ 18.37MiB

icon

Element to Figma Extension · Productivity 1,000+ 1 ★ 197KiB

icon

Restyler Extension · Developer Tools 1,000+ 14 ★ 853KiB

icon

Design Mode - Page's Rich Text Editor Extension · Developer Tools 1,000+ 10 ★ 62.89KiB

icon

Figma GitHub Extension · Developer Tools 1,000+ 5 ★ 29.55KiB

icon

InTab Extension · Developer Tools 1,000+ 12 ★ 11.18MiB

icon

EazyCSS Extension · Developer Tools 1,000+ 13 ★ 2.98MiB

icon

HTML & CSS Design Analysis Extension · Developer Tools 1,000+ 0 ★ 1.47MiB

icon

Web Editor Extension · Developer Tools 1,000+ 29 ★ 68.98KiB

icon

Dev Helpers Extension · Developer Tools 1,000+ 6 ★ 135KiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 1,000+ 9 ★ 84.8KiB

icon

Hoverify Extension · Developer Tools 1,000+ 145 ★ 14.54MiB

icon

Inspect CSS Extension · Developer Tools 1,000+ 24 ★ 404KiB

icon

DynamicCSSEditor Extension · Developer Tools 1,000+ 3 ★ 582KiB

icon

CSS Brio Extension · Developer Tools 1,000+ 5 ★ 86.26KiB

icon

Visual CSS Editor Extension · Developer Tools 1,000+ 145 ★ 414KiB

icon

Web Design Pirate Extension · Developer Tools 1,000+ 21 ★ 134KiB

icon

Amino: Live CSS Editor Extension · Developer Tools 1,000+ 453 ★ 1.45MiB

icon

Redesign Extension · Developer Tools 1,000+ 2 ★ 121KiB

icon

Page to wireframe Extension · Developer Tools 1,000+ 4 ★ 2.15MiB

icon

HTML to Figma - by Builder.io Extension · Productivity 1,000+ 46 ★ 343KiB

icon

DragDropr - Drag & Drop Page Builder Extension · Developer Tools 1,000+ 3 ★ 69.55KiB

icon

Edit Website Extension Extension · Productivity 1,000+ 18 ★ 24.69KiB

icon

Heurio - One-Click Bug Report & UX Check Tool Extension · Developer Tools 1,000+ 76 ★ 5.86MiB

User reviews

icon

Nkem Mary (ID: 000000322c132b52) Voted 5 ★ - Updated 02/15/2023 it doesn't work, but just the 'how to' video, I can tell it's amazing still doesnt work though😔

icon

Abdul Waheed (ID: 000000b2b76be824) Voted 5 ★ - Updated 02/15/2023 I love this extension but it doesn't work anymore, when i click apply button it doesn’t reflect, can you guys fix that?

icon

MUHAMMAD FITRI BIN KAMARUDIN (ID: 0000000207582c57) Voted 5 ★ - Updated 02/19/2020 Genius.....