The design library
your AI knows.
Save design inspiration from any website. Connect it to Cursor, VS Code, Windsurf, and Cline via MCP. Your AI writes code using your actual design tokens, not its best guess.
One email on launch day. No spam, ever.
Stop screenshotting.
Start building.
You found the perfect design. Now use it as Tailwind tokens, Figma styles, or AI-ready code. No recreating from memory.
One toolbar. Every website.
Never guess a color again.
See a color you love? It's already extracted. Copy the exact HEX, RGB, or HSL with one click. No eyedropper. No "close enough."
Skip the manual work entirely.
Open PocketUI and everything on the page is already found. Colors, fonts, SVGs, images. Just deselect what you don't need and save. Done in seconds.
Build a design system just by browsing.
Every save goes into concept folders like "Dark UI," "SaaS Heroes," "Typography." After a week of normal browsing, you have a curated library ready for your next project.
That button you like? It's already in your codebase.
Click any element on a live website and get clean HTML + Tailwind CSS. Paste it into your project or let your AI use it directly through MCP.
Tell your AI "make it look like that" and it can.
Connect your library to Cursor, VS Code, Windsurf, and Cline via MCP. Your AI writes code using your exact colors, fonts, and components. Not its best guess from a screenshot.
Drop it straight into Figma.
Capture any section from a live website and export it to Figma as an editable layer. Screenshots, SVGs, and components, right on your canvas.
Simple pricing. No surprises.
Free to start. Pro when you're ready.
Free plan
Forever free
Features Included
- 3 folders
- 50 saves per month
- All save types (colors, fonts, screenshots)
- Browser extension
- 500 MB storage
You're missing out on
- - Figma export
- - MCP server access
- - Code export
- - Cloud sync
Pro plan
$144 billed annually save $36/yr
Features Included
- Unlimited folders
- Unlimited saves
- 10 GB storage
- Cloud sync across devices
- Figma export
- MCP server access
- Code export
- Priority support
Early Adopter Lifetime
Early Bird price. Pay once, own forever.
Features Included
- Everything in Pro, forever
- Unlimited folders and saves
- Push saves straight to Figma
- Let your AI read your design tokens
- 10 GB storage (lifetime)
- All future Pro features
- Early adopter badge
No credit card required. Cancel anytime. Only 100 Lifetime spots available — once they're gone, they're gone.
Got questions? We've got answers.
MCP (Model Context Protocol) connects your saved design tokens directly to AI coding tools. Your AI can read your colors, fonts, and components and use them when generating code. No more pasting screenshots into chat.
Any tool that supports MCP: Cursor, VS Code with Cline or Continue, Windsurf, Claude Code, and more. The ecosystem is growing fast.
Tailwind CSS classes, raw CSS, and clean HTML + Tailwind components. Click any element on a live website and get code you can paste directly into your project.
Absolutely. The code export and component capture work independently. MCP is a Pro feature for those who want their AI to reference their design library.
The MCP server is the primary integration path. A REST API for custom integrations is on the roadmap.
Your AI deserves better context.
Be first in line when PocketUI launches.
One email on launch day. That's it.