Features

PocketUI is a design inspiration tool with everything you need to capture, organize, and reuse design elements from any website — with code export and AI integration built in.

SVG Grabber

Extract SVG icons, logos, and illustrations from any website and save them to organized folders.

PocketUI scans the live DOM of any page and pulls out every SVG it finds - inline elements, external .svg files, and SVGs embedded in CSS. Preview them all inside the extension, de...

Grab every SVG on a page with one click - no dev t...Preview SVGs before saving so you only keep what m...Organize SVGs into concept-based folders (e.g. "Sa...

Color Palette Extractor

Detect every color on any page - backgrounds, text, borders, gradients - and save them as a reusable palette.

PocketUI walks the computed styles of every element on the page and extracts the real colors being used - not what's in the stylesheet, but what the browser actually renders. Backg...

Auto-detects every color on the page - no eyedropp...Reads computed styles so you get the actual render...HEX, RGB, and HSL formats - copy any format with o...

Font Detector

Detect font families, weights, and styles from any page - with direct links to Google Fonts when available.

See a typeface you love? PocketUI identifies every font loaded on the page using the document.fonts API and computed styles. You get the font family, weight, style, and full CSS fo...

Identifies all loaded fonts - Google Fonts, Adobe ...Shows exact weights and styles (not just the famil...Direct links to Google Fonts specimen pages when d...

Screenshot Clipper

Take targeted screenshots of UI sections, hero areas, or full pages - organized in your design library.

See a hero section, pricing table, or footer design you want to reference later? PocketUI lets you screenshot any part of a website and save it to a folder. No more dumping screens...

Save screenshots directly to organized design fold...No more unnamed screenshots lost in your DownloadsOrganize by concept: "Dark UIs", "Pricing Pages", ...

Design Bookmarks

Save website bookmarks with visual previews into organized design folders - a swipe file that actually works.

Browser bookmarks are a graveyard. You save a link, forget what it looked like, and never find it again. PocketUI bookmarks save a visual preview alongside the URL so you can brows...

Visual bookmarks with preview thumbnails - not jus...Organize into concept folders instead of flat book...Build a design swipe file you can browse visually

Component Extractor

Click any element on a live website and get clean HTML + Tailwind, Vue SFC, or React JSX — ready to paste into your project.

See a button, card, or hero section you want to reuse? PocketUI lets you click any element on a live page and extract it as production-ready code. The extension captures the elemen...

Extract any component from any website with one cl...Get clean HTML + Tailwind code, not bloated comput...Hover states, focus styles, and animations are pre...

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.