Easily create UI components by adjusting sliders to get a preview and then simply copying the CSS.

Latest Version

Version
1.0
Update
November 21, 2020
Size
39.67KiB
Developer
Category
Users
12
Rating
0 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ClipboardRead
ClipboardWrite
See more

UI Component Creator Extension

With the UI component creator you can easily create UI components by using sliders and color pickers.
This way you can get a quick preview of the UI component you might want to use when create a website.
Right now, it is in the earliest version.
Therefore you can only customize a button.
I am working on adding more components:
- Sliders
- Color Pickers
- Cards
- Accordions
- Etc.

I hope to soon add animation support as well.
Another option I want to add, is the option to click an element in the DOM and customize it from the extension popup.

Made by Thaeke Hekkenberg
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","name": "UI Component Creator","description": "Easily create UI components by adjusting sliders to get a preview and then simply copying the CSS.","version": "1.0","manifest_version": 2,"browser_action": {"default_popup": "popup.html","default_icon": "UI-component-extension.png"},"permissions": ["clipboardRead","clipboardWrite"]}
Read more

Similar Extensions

icon

Quick Inspect Element Extension · Developer Tools 12 9 ★ 360KiB

icon

SelectorGadget Extension · Developer Tools 12 108 ★ 86.66KiB

icon

Inspect CSS Extension · Developer Tools 12 24 ★ 404KiB

icon

CSS Selector Extension · Productivity 12 2 ★ 73.43KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 12 55 ★ 1.3MiB

icon

uicloner Extension · Developer Tools 12 2 ★ 644KiB

icon

Remove HTML Elements Extension · Productivity 12 16 ★ 36.19KiB

icon

CSS Scan Extension · Developer Tools 12 84 ★ 1.41MiB

icon

UI Replicator Extension · Developer Tools 12 13 ★ 182KiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 12 54 ★ 434KiB

icon

GTM Helper Extension · Productivity 12 1 ★ 45.19KiB

icon

Better Ruler Extension · Developer Tools 12 52 ★ 93.66KiB

icon

Simple Color Picker Extension · Developer Tools 12 3 ★ 14.37KiB

icon

cssPicker - copy css from website Extension · Developer Tools 12 6 ★ 1021KiB

icon

CSS Viewer for Google Chrome™ Extension · Productivity 12 334 ★ 346KiB

icon

UI Inspector - Live Style Editor Extension · Developer Tools 12 2 ★ 90.41KiB

icon

Color Picker Extension · Developer Tools 12 5 ★ 16.16KiB

icon

CSS Selector Tester Extension · Developer Tools 12 4 ★ 30.87KiB

icon

HTFLOW Inline HTML CSS Extractor Extension · Developer Tools 12 5 ★ 206KiB

icon

InstaVue - debug VueJS app in instant Extension · Developer Tools 12 3 ★ 92.9KiB

icon

QuickFlip Extension · Productivity 12 4 ★ 15.26KiB

icon

Guide lines Extension · Developer Tools 12 3 ★ 9.17KiB

icon

HTML to React Extension · Developer Tools 12 4 ★ 342KiB

icon

Color-Picker Extension · Developer Tools 12 4 ★ 173KiB