Refero
The biggest collection of design references from great web applications. Refero make design research easier and faster than ever before. Explore over then 8,000 pages and 40,000 searchable screens of the best of product design from real life.
About Refero
Refero is a design research tool that provides a searchable library of real product screens, user flows, and UI patterns, organized by page type (dashboards, pricing, login, product pages, and similar), flow (onboarding, checkout, editing, and similar), and UI element (modals, tables, navigation bars, and similar). It also connects via MCP (Model Context Protocol), allowing AI agents to query the library of interfaces and patterns as reference material before generating design output.
It is aimed at designers and builders who want reference examples of existing product interfaces, as well as AI agents/tools that need grounded design context rather than generating interfaces from scratch. The site also includes a blog and a feedback channel.
Key features
- Curated library of real product screens, flows, and UX patterns for design reference
- MCP integration that connects AI agents to the design library
- Research mode that returns analysis, references, and reasoning for a described task
- Browsable by page type, flow, UX pattern, UI element, and site category
- Google or email sign-in
Frequently asked questions
What is Refero for?
Refero is a design research tool that provides real product screens, flows, and patterns to help designers, builders, and AI make better design decisions.
Does Refero integrate with AI tools?
Yes, Refero connects via MCP (Model Context Protocol) so an AI agent can study the design library before it builds.
How do I sign in to Refero?
You can log in or sign up using Google or email.
What kind of content does Refero's library include?
It includes page types, flows, UX patterns, UI elements, and screens organized by site category, such as dashboards, onboarding flows, and pricing pages.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
Radix
Icon/UI/DesignComponents, icons, and colors for building high‑quality, accessible UI. Free and open-source.
Realtime Colors
Color/DesignVisualize your colors and fonts on a real website.
Refactoring UI
Design/Learn/UITired of relying on Bootstrap? Learn how to design awesome UIs by yourself using specific tactics explained from a developer.
Rupert AI
Design/Image/ProductivityRupert AI envisions a world where marketing is not just about reaching audiences but engaging them in the most personalized and effective way.
SaaS Design
Design/Inspiration/UIFor developers looking to create user-friendly designs in Figma: Free & open source Figma templates and UI kits to help kickstart your next project.
Shadcn Templates
Template/UI/DesignA collection of Shadcn UI templates, components, boilerplates, and more.
