Real-world UI references
ready for your AI workflow

A curated library of real-world product design — full websites, iOS apps, web apps and the individual sections inside them — captured at retina quality and organized so you can find the right reference in seconds.

Website and web-app references include captured screenshots and available extracted palettes, fonts and text. Original website build prompts use your signed-in design allowance. iOS entries vary: some contain App Store listing images, others reviewed in-app screens or recordings; machine-read text is not a verified screen name.

Use an original brief to describe the layout, available palette and typography, your own content, and required interface states. Website prompts use the signed-in design allowance; API/MCP build tools require Pro. Your coding tool generates the implementation, which you must review and test. The Claude Code guide includes one recorded React fixture; other editorial prompts are not guaranteed model outputs.

Follow the MCP connection guide for your client, add the hosted server URL, and sign in to authorize your account. Reference search is available within your plan allowance; API/MCP build briefs, image plans, prompts and starter code require Pro. Supported clients expose the available tools after connection. Your AI tool has separate subscriptions and usage limits.

Yes. The JSON REST API supports metered reference search and visual metadata. Use the API documentation for authentication and current plan allowances. Build briefs, image plans, prompts and starter code are paid API content; public catalogue browsing is not unlimited API access.

They're built right into the Studio workspace alongside Websites, Web Apps, Dashboards, Sections and Mobile. Browse festival and campaign graphics, customize live page and signature templates, inspect animated motion references, step through multi-screen flow kits, or generate structured build plans in the Brief Planner.

The captured designs belong to their respective owners and are provided as reference and inspiration. The build prompts are original and yours to use — they describe structure, palette and type, and ask for original copy and placeholder brand assets.

Regularly. New sites, apps and sections are captured and added to the library as they're reviewed.

Visit the Submit page to share your live website, portfolio, or UI project. Our editorial team reviews every submission for craft, interaction polish, and typography before featuring it in the Maker Showcase and indexing it into the reference library.