Refero.design
Design Inspiration Directory
Refero.design is a design research hub with real product screens, flows, and UI elements to help you make better design decisions.
Listing signals
Domain rating
59
Domain rating is Ahrefs' measure of domain quality according to links.
Popularity
High
Page views, clicks to the site and upvotes in the last 30 days, ranked against every live listing.
What is Refero.design?
Refero.design helps designers and builders research real-world UI patterns with screens, flows, and references pulled from web apps and iOS apps. Browse categories ranging from inspiration and onboarding to dashboards, paywalls, search, and integration-style layouts—then use the examples to inform your next design choices.
Explore a large library focused on practical interface patterns, including common user journeys and UI components such as dialog and modal windows, cards and tiles, color pickers, tables, tabs, skeleton loading, navigation bars, sidebars/drawers, toolbars, and more. Content is organized to support faster discovery across page types, screen types, and interaction moments.
For research in an AI-assisted workflow, Refero offers a research mode where you describe your task and receive analysis along with references and reasoning to support your decision-making.
Refero.design FAQ
What kind of content can I browse on Refero.design?
You can explore real product screens, user flows, and design references for areas like onboarding, dashboards, paywalls, search, and common UI patterns.
Does Refero.design include downloadable UI elements?
Yes—UI elements are available, covering components such as modals, cards, navigation bars, drawers/sidebars, tables, tabs, and more.
What is “research mode” on Refero.design?
Research mode lets you describe a design task and get analysis plus references and reasoning, helping you evaluate patterns before you build.
Is Refero.design focused on web and mobile interfaces?
Yes. The library includes both web apps and iOS apps, with references organized by page types and design needs.
Are the references tied to specific product interfaces and flows?
The emphasis is on real product screens and flows, so you can study how patterns work in context rather than relying only on generic examples.
How do I get started if I’m looking for a specific UI component?
Start by browsing the UI elements section and select the component category you need (for example, dialogs/modals, charts, navigation, tables, or skeletons), then use the related screen references for context.