17 Design Reference Sites Product Designers Use Every Day (2026)

The costly part of looking for design references is not browsing beautiful screens. It is spending time on screens that do not answer the problem in front of you.

Use app-screen archives for real journeys such as sign-in, onboarding, and checkout. Use web-product references for SaaS information architecture. Use landing-page galleries when the task is the first screen and conversion.

These 17 UI/UX design reference sites were reachable on August 22, 2026. They are grouped by the question they help answer.

Choose quickly

App UI/UX references: real screens and flows

When you build or improve an app, it is more useful to see how another product asks for a user decision in the same situation than to hunt for a prettier button.

1. Mobbin

A leading library of real mobile-app and web-service screens, searchable by pattern, component, and flow. It is usually the first place to compare familiar problems such as login, bottom sheets, checkout, and settings.

Best for: seeing how competitors sequence onboarding or subscription conversion.

2. WWIT (What Was IT)

A strong starting point for Korean product screens. Local categories such as finance, commerce, and delivery sit alongside patterns including login, sign-up, and bottom sheets, making Korean UX conventions easy to inspect.

Best for: studying information density, terminology, and payment-adjacent screens in Korean services such as Toss and Naver Pay.

3. Appshots

A library of real mobile and web product screens organized around flows. It is particularly useful when you need the whole journey rather than one isolated screen.

Best for: flows from sign-up through permissions, first-time setup, empty states, and activation.

4. ScreensDesign

The former scrnshts.club and UISources now point here. Browse App Store screenshots and app screens by category to study both in-product UI and the first impression in the marketplace.

Best for: reviewing App Store screenshot composition, captions, and highlighted moments before launch.

Web and SaaS UI references: structure and product flows

Web products carry denser information than mobile apps, and every screen has more jobs to do. Start with screens that help people get work done, not just polished marketing pages.

5. Page Flows

Study major web and mobile product journeys through screens and video. It is especially helpful for onboarding, account creation, upgrades, and settings—flows static images cannot fully explain.

Best for: deciding where and when a feature should appear.

6. Refero

A reference library for web UI, SaaS dashboards, and landing pages that is easy to browse by screen and section.

Best for: shaping the information architecture of B2B SaaS tables, dashboards, and settings pages.

7. Nicelydone

A web-app-focused UI/UX inspiration archive with screens that have the density and realism of working products.

Best for: admin tools, collaboration products, and dashboards where both atmosphere and structure matter.

Landing-page references: first screens and conversion

A landing page is not merely a collection of attractive visuals. It reveals what value is promised to whom, and how the next action is earned. Review the headline, proof, and CTA as one sequence.

8. Landingfolio

Along with landing pages, it provides examples of pricing, login, sign-up, and components. Industry, color, and device filters help narrow a visual direction.

Best for: SaaS hero sections, pricing pages, and feature-introduction sections.

9. SaaS Landing Page

A focused source of SaaS landing-page examples. Compare how product explanation, customer logos, use cases, and pricing build an argument.

Best for: organizing a B2B product message and demo CTA on one page.

10. Fountn

A broad hub for AI design, Figma, and UI resources. Use it as a starting point for discovering the resources a project needs.

Best for: finding design tools, UI kits, and productivity resources together.

Web design trends: layout, typography, and interaction

These sites are for studying how brands handle pace, whitespace, and transitions—not for copying every pattern into a usability-first product screen.

11. Recent

Godly.website now routes to Recent. It is a quick way to scan current websites and establish a direction for visual atmosphere and interaction.

Best for: giving a brand site or portfolio a stronger visual impression.

12. Awwwards

An archive of award-winning websites with strong interaction, typography, and art direction. Use it to expand your expressive range, not as a product-UX answer key.

Best for: brand campaigns, portfolios, and editorial sites that need a higher level of finish.

13. Httpster

A source of independent, experimental web design. Bold layouts and typography can help you move beyond predictable cards and grids.

Best for: resetting a brand direction or escaping familiar layouts.

Case studies and inspiration: scan broadly, study deeply

After comparing UI screens, use these sites for the larger project context. Concept shots may not reflect real constraints, so borrow the structure and intent, then judge implementation difficulty separately.

14. Dribbble

A fast way to explore UI shots and visual ideas, with useful clues about color, graphics, component combinations, and micro-interactions.

Best for: opening up the visual direction from a blank canvas.

15. Behance

Project-level case studies make it easier to follow the branding, design system, and screen composition behind the final outcome.

Best for: studying a full rebrand or service direction rather than a single app screen.

16. Growth.Design

It reads UX patterns as case studies, not merely screen collections. Use it to think about why users act at a given moment and what decisions create problems.

Best for: grounding discussions about conversion, retention, and dark patterns.

17. GDWeb

A broad collection of Korean websites and mobile sites that makes it easy to understand the tone and structure local brands and companies actually choose.

Best for: finding web design references for a Korean client or industry.

Use references as questions, not just saves

Good references are not a folder of attractive screens. They are evidence for making the next decision faster.

• What decision does this screen ask the user to make?
• What does it show first, and what does it intentionally hide until later?
• Would the same approach work with our users, context, and constraints?

Start with Mobbin and WWIT for mobile UI, Page Flows and Refero for web-product journeys, and Landingfolio for landing pages. Rotating among three sites that fit the problem is more productive than browsing everything.