Copy UI from the web.

Pablo is a Chrome extension that lets you hover an element, click it, and copy clean HTML + CSS to your clipboard.

Watch demo · Chrome Web Store · Website

Click the toolbar icon, hover any element, and click. Pablo reads the live DOM, computed CSS, web fonts, keyframes, GSAP timelines, and Framer Motion props, detects the site's stack (React, Next, Webflow, Framer, Shopify, WordPress), and copies a clean HTML + CSS bundle to your clipboard, ready to paste into your editor or AI agent.

Unlike DevTools "Copy outerHTML", the output keeps resolved styles, fonts, animations, and component structure instead of a flat DOM dump. Runs entirely in the browser. No servers, no account.

No network calls, no analytics, no account. Pablo reads the DOM, writes to your clipboard, and stops there.

• Manifest permissions: activeTab, scripting, clipboardWrite, storage (manifest.json)
• Verify yourself: grep -rE "fetch\(|XMLHttpRequest|sendBeacon|WebSocket" extension/src — the only call site is a local data: URL in background/main.ts, used to decode an in-memory screenshot.

pnpm install
pnpm build:ext

Then load extension/dist in chrome://extensions with Developer mode enabled.

pnpm dev:ext
pnpm dev:web

pnpm release:ext

This creates artifacts/pablo-extension-vX.Y.Z.zip from extension/dist.

To publish a GitHub release artifact, push a matching tag such as vX.Y.Z. The release workflow will verify that the tag matches extension/public/manifest.json, then test, build, zip, and attach the extension package to the GitHub release.

• Store screenshots live in assets/chrome-web-store/screenshots/
• Promo tiles and other listing art live in assets/chrome-web-store/promotional/
• Notes for the listing and asset naming live in assets/chrome-web-store/README.md

The website (web/) auto-deploys through Vercel's git integration.

• Pushes to main create a production deployment at usepablo.dev
• Pull requests to main get preview deployments
• Manual fallback: cd web && vercel --prod --yes

The custom domain usepablo.dev is configured in the Vercel project.

MIT