Turn any website into a design library
Everything PocketUI does, in one page: what you can save, how it stays organized, where you can send it, and how your AI uses it.
Early supporters get 30% off their first year. No spam, ever.
Whatever is on the page, save it
One click from the toolbar, on any website. No copying values by hand.
Copy any part of a website.
- Click a button, a card or a whole section to save it
- You get its real code, not a picture of it
- It still works on mobile and when you hover it
Every color on the page, found for you.
- Pick one color with the eyedropper, or scan them all at once
- Gradients are found too
- Copy a color as HEX, RGB or HSL, or keep the whole palette
See which fonts a site uses.
- The font name, with its weights and sizes
- Shown with the page's own words, so you can judge it
- Saved next to the colors it goes with
Every image and icon on the page.
- All the images on a page, at full size
- Icons and logos you can recolor and resize
- Hover a result to see where it sits on the page
Screenshots you can mark up.
- Drag over an area, or press Enter for the whole screen
- It is saved and copied, ready to paste anywhere
- Add arrows, boxes and text, or crop it, in the editor
- Pull its main colors into a palette
Also included
- Save a whole page as a bookmark, with a preview
- Paste an image from your clipboard into a folder
- Already saved items are marked, so you never save twice
- Press Esc to leave any tool
Everything you saved, in one place
Folders you name by idea, like “Dark UI” or “Pricing”. Open one and it is all there.
Also included
- Every save is labelled: code, Figma, screenshot, image, page
- Names are written for you, and you can rename anything
- Search inside a folder, by name, site, hex code or font
- Each folder shows its colors and fonts, and copies them as CSS, Tailwind or a prompt for AI
- A tidy grid, or a free board you arrange by hand, with notes
- Saves from the same site pile up together
- Paste or drop images and links straight into a folder on the web
- The same library in the extension and at pocketui.app/library, on every device
Turn any website into Figma, code or your page builder
Save a section once, then send it wherever the project lives.
Paste a website into Figma.
- Editable layers, not a flat picture
- Its colors and text become Figma styles
- No Figma plugin to install
Get the code, in your format.
- HTML, Tailwind, React or Vue
- Hover and focus states come with it
- Copy it, or download it as a file
Every export has its own page. Pick one to see how it works.
Also included
- Preview a component at desktop or phone size
- Click the preview to open it full size
- Your last format is remembered
- Elementor, Bricks, Webflow and Shopify are coming soon
Your AI builds with the designs you saved
Connect Claude, Cursor or ChatGPT to your library. They use your saved colors, fonts and components instead of generic ones.
Give your AI taste.
- Ask for a page “in my Dark UI style” and it uses that folder
- Works with Claude, Cursor, ChatGPT and other AI tools
- No setup? Copy a folder’s style as a prompt and paste it anywhere
- It can read your library, never change it
Questions about PocketUI
PocketUI is a free Chrome extension and web library that captures colors, fonts, SVGs, screenshots, and components from any website. Save everything into organized folders, export as HTML + Tailwind code, push to Figma, or plug it into AI tools like Claude Code and Cursor via MCP.
Yes. PocketUI has a free tier with 50 saves and 10 exports, every feature included. Pro makes saves and exports unlimited. Studio adds Elementor, Bricks, Webflow and Shopify Liquid exports with priority support.
PocketUI works on any Chromium-based browser: Chrome, Arc, Brave, Edge, and Opera. A Firefox version is on the roadmap.
Yes. Click any element on a live website and PocketUI converts it to clean HTML + Tailwind CSS, hover states, focus styles, CSS variables, and animations included. Paste it directly into your Vue, React, or Nuxt project.
Yes. Export any section of a website as editable Figma layers, colors become styles, fonts become text styles, and components land as real frames. No Figma plugin required.
Yes. The PocketUI MCP server connects your design library to Claude Code, Cursor, and Cline. AI pulls real colors, fonts, and components from your folders instead of hallucinating placeholder values.
PocketUI is built for designers who want a visual swipe file of websites, developers who need to extract real code from live sites, and teams sharing a design inspiration library.
Stop recreating designs you've already seen
Join now and get 30% off your first year as an early supporter.
One email on launch day. That's it.