Name		Name	Last commit message	Last commit date
parent directory ..
assets		assets
icons		icons
scripts		scripts
README.md		README.md
devtool-code-dark.css		devtool-code-dark.css
devtool-code-light.css		devtool-code-light.css
devtools.html		devtools.html
devtools.js		devtools.js
iframeCtrl.js		iframeCtrl.js
manifest.json		manifest.json
package.json		package.json
selector.js		selector.js
sidebar.css		sidebar.css
sidebar.html		sidebar.html
sidebar.js		sidebar.js

README.md

UI Export

A Chrome DevTool extension that exports any components with CSS inlined.

Demo

ext-demo-1min.mp4

Install

From Chrome Web Store

From release:

Download uiexport.zip from releases
Unzip in a folder: unzip uiexport.zip -d uiexport
Load unpacked in chrome://extensions/

From source

pnpm build
Load unpacked dist/

Dev tips: use pnpm watch to auto update dist/ (still need load unpack in browser).