# Peel UI — Chrome Web Store listing copy

## Short description (132 chars max)

Peel any UI element off the web. Click to copy clean Tailwind v4 classes or plain CSS — no DevTools digging.

*(108 characters)*

---

## Detailed description

**Peel UI** is a browser extension for developers and designers who steal inspiration the smart way. Point at any button, card, nav bar, or layout on any website — Peel captures the computed styles and copies them to your clipboard as **Tailwind CSS v4 classes** or **plain CSS**.

### How it works

1. **Turn on the picker** — click the Peel icon or press the shortcut.
2. **Hover and click** any element — a live highlight shows exactly what you'll capture.
3. **Copy instantly** — Tailwind `className` strings (with arbitrary values for off-scale sizes) or inline CSS, ready to paste into your project.

Navigate nested DOM with **Wrapper** / **Inside** controls. **Esc** exits picker mode.

### Why install Peel UI

- **Stop rebuilding UI from screenshots** — get real, production-ready classes from sites you admire.
- **Tailwind v4 aware** — defaults to v4 scale; odd values become `w-[15px]`-style arbitrary classes automatically.
- **Plain CSS fallback** — one toggle when you need raw computed styles, not utilities.
- **Fast inspector workflow** — no tab-hopping through DevTools panels; one click, one copy.
- **SVG placeholders** — inline SVGs become size-tagged placeholders so pasted markup stays clean.

Built for frontend devs, design engineers, and anyone prototyping in Tailwind who sees a component in the wild and thinks *"I want that."*

### Export formats

| Format | Output |
|--------|--------|
| **Tailwind CSS** | JSX-ready `className` strings |
| **Plain CSS** | Inline computed styles, no utilities |

---

## Category suggestions

- Developer Tools
- Productivity

## Keywords (for SEO, not a store field)

tailwind css copier, copy ui styles, css picker, element inspector, design to code, frontend dev tools, ui snippet, className copier