Where to Find UI Design Inspiration

Looking at design work is part of the job. But the source matters — some places will give you realistic reference for product work; others will make you want to design things that look beautiful in screenshots and confuse users in practice.

Dribbble

Best for: Visual UI style, color treatments, typography exploration, illustration, icon design.

Dribbble is the most visually impressive design gallery on the internet. The top work is genuinely extraordinary to look at. Use it for visual inspiration — treatments, color palettes, typographic layouts, button styles.

The drawback: Dribbble is shot design, not product design. The work is optimized to look good at 400x300px in a thumbnail. Most of it has never been tested by a user. You'll see dashboard designs that would be unusable in practice and onboarding flows that would confuse any real user.

Use Dribbble when you want to see how something could look. Don't use it to understand how something should work.

Mobbin

Best for: Real app patterns, flows, and UI states from actual shipped products.

Mobbin captures screenshots from real iOS and Android apps, organized by pattern (onboarding, settings, paywall, empty state, etc.) and by category (fintech, social, productivity). This is product design research, not aspirational visual work.

When you need to see how 20 real apps handle their subscription paywalls, or what their empty states look like, Mobbin is unmatched. The work here has survived user testing and real-world usage — which makes it substantially more reliable as reference than Dribbble.

The drawback: It's a screenshot archive, not an analysis. You see what companies ship; you don't know why or whether it performs well.

Page Flows

Best for: Onboarding flows, email sequences, and full user journey documentation.

Page Flows shows complete user flows — every screen in a real product's onboarding, upgrade, cancellation, or referral sequence. This is the resource to use when you're designing a multi-step flow and want to see how other products handle each step.

Useful for: studying how competitors handle pricing pages, how SaaS tools do their onboarding sequences, how e-commerce flows handle checkout edge cases.

Scrnshts

Best for: App Store screenshots and app marketing page design.

A curated gallery of App Store preview screenshots from real apps. Useful when you're designing app store pages or want to see how apps present their features in marketing contexts.

Refero

Best for: Web product UI, specifically SaaS and startup products.

Refero captures web app UI from real products in a searchable, browsable format. Good middle ground between Dribbble's aesthetic-focus and Mobbin's mobile-only scope. Useful for web app and SaaS UI reference.

Figma Community

Best for: Design files you can open and dissect.

Unlike the other galleries, Figma Community lets you open the actual Figma file and inspect how something was built — layers, components, auto layout. This is irreplaceable for learning technique, not just aesthetics.

Search "UI kit", "design system", or specific component types. The quality varies enormously, but the best community files are worth studying in detail.

Explore Figma Community

How to use inspiration sources without copying

The risk with any inspiration source: you see something you like and replicate it without understanding the context behind it. A pattern that works for Airbnb might be wrong for your B2B tool. A visual style that fits a consumer app might be inappropriate for a healthcare product.

Use inspiration as a starting point for research questions, not as a template. "I see that three fintech apps use this onboarding pattern — why? What problem is it solving?" That's how reference becomes useful.