Skip to content
Index730 resources
Refero

Refero

Searchable library of real product screens, user flows and design systems, with an MCP server

Tier S · Best in classGalleryReferenceMCP Serverrefero.design

(Visit refero.design ↗)(Docs)(Registry)
Preview image from refero.design

A design research library indexing screens and multi-step user flows from hundreds of shipped web and iOS products, searchable by page type (Dashboard, Settings, Paywall & Subscription), UX pattern (Billing & Plans, Empty State, Dark Mode), UI element (Button, Table, Modal, Switch & Toggle), company, or plain language. Three entity types: Styles (design specs with colors, typography, spacing and a generated DESIGN.md), Screens, and Flows. It exposes an HTTP MCP server at api.refero.design/mcp plus an agent skill and a Figma plugin, so a coding agent can research a pattern before writing UI. Pro is required for MCP, downloads, and the Figma plugin.

Install
claude mcp add --transport http refero https://api.refero.design/mcp --header "Authorization: Bearer <token>"

For an agent

This is the one entry in the batch an agent should call before it writes UI, not after: wire up the MCP server and query Flows when the task is a multi-step journey (onboarding, checkout, account deletion) where the hard part is step order, not styling. Its Styles layer emits a DESIGN.md you can drop straight into a repo as the visual contract, which pairs well with a shadcn registry doing the implementation. Two constraints -- MCP is Pro-only and capped at 8,000 calls per month, and the marketing site is a JS shell, so never try to scrape refero.design directly; use api.refero.design/mcp or doc.refero.design.

Why it is here. Most galleries stop at a screenshot; Refero indexes whole flows and emits machine-readable design specs, which is the difference between inspiration and something an agent can act on.

Install command, framework, licence and component list.

Facts

License
Proprietary / all rights reserved
Pricing
Freemium, Subscription, One-time purchase, Free trial, Free but account required
Framework
Not applicable
Styling
Not applicable
Distribution
Web app / online tool, MCP server, Agent skill / rules pack, Figma plugin, Hosted SaaS product, Public HTTP API
Platform
Web, iOS
Content type
Screenshots / screens, Images / textures / backgrounds, Design tokens / theme files, Prose / writing
Agent readiness
MCP server, Agent skill or rules pack, Structured documentation, llms.txt, Public API without auth, Login required, Agent access behind payment, Client-rendered shell
Accessibility
Not applicable
Maturity
Actively maintained
Pricing detail
Tiers are Free (limited search, no MCP/skill/Figma plugin), Pro (unlimited, includes 8,000 MCP tool calls per month, 7-day trial with card), Team (min 3 seats, admin panel, shared bookmarks, SSO as a paid add-on), and Lifetime (one-time). Students get 40% off all plans except Lifetime. Exact dollar amounts could not be read -- refero.design/pricing is a client-rendered shell.

Components it ships

4
ButtonTableModalSwitch

Helps you build

10
Settings Web AppSettings MobilePaywallBilling Web AppEmpty StateOnboarding Web AppOnboarding MobileCheckoutDeleting AccountAnalytics

Notable for

  • MCP server at api.refero.design/mcp
  • Styles, Screens and Flows as separate entities
  • DESIGN.md export via styles.refero.design (2,000+ systems)
  • web and iOS coverage
  • Figma plugin and Refero Skill

Provenance

Verified 2026-08-15. HTTP 200. https://refero.design (raw HTML -- 4.5KB JS-only shell, no server-rendered content), https://doc.refero.design/, https://doc.refero.design/llms.txt, https://doc.refero.design/mcp/getting-started, https://doc.refero.design/mcp/data-model, https://doc.refero.design/help/plans, https://styles.refero.design/, plus web search for the 125,000 screens / 400+ products figure

Also in Inspiration Galleries

6
refero.designTier S