Let me make a distinction that most designers never articulate but that separates good design research from time-wasting browsing.
Reference is when you look at how other designers have solved a problem you're trying to solve. You extract specific, applicable insights — this navigation pattern handles 8+ items well, that empty state uses illustration to invite action, this pricing page puts the recommended plan in the center column.
Inspiration is when you look at beautiful work and feel moved to create something beautiful. This is valuable, but it's fuel, not direction. It helps you feel creatively energized. It doesn't help you solve the specific design problem in front of you.
Most "inspiration" browsing is neither. It's passive consumption of design portfolio content that feels productive and isn't. It generates no applicable insights, builds no skills, and produces no better work — only a pleasant feeling of having spent time around design.
The resources in this guide are primarily reference tools. They're organized around specific design problems you're trying to solve. Use them with intention, set a time limit, and stop when you have what you need.
Research Tools — Use These Most
1. Mobbin — 100,000+ Real Product Screenshots
Website: mobbin.com
Price: Free (limited) / Paid (full access)
Best for: Researching how real, shipped products handle specific UI patterns
Mobbin is the most valuable design resource I use regularly, and it's not close.
100,000+ screenshots from real mobile and web applications, searchable by UI pattern type. Not portfolio work. Not concepts. Not award-winning microsites. Actual products used by actual people, shipped by real product teams.
When I'm designing an onboarding flow, I search "onboarding" in Mobbin and see how Figma, Linear, Loom, Notion, and 40 other products handle user activation. When I'm designing an empty state, I search "empty state" and see the range of approaches — illustration-based, text-based, action-oriented, humorous. When I'm designing a settings page, I see how 50 products organize settings navigation.
The insight from real products: Design that ships is different from design that wins awards. Real products make compromises for real constraints — technical limitations, accessibility requirements, localization needs, legacy systems. The patterns that survive these constraints are the patterns that actually work.
The free tier vs. paid: The free tier allows limited searches per month. For serious reference work, the paid tier is worth it — it's one of the few design tools where the cost-to-value ratio is clearly positive.
Browse Inspiration Resources on Mantlr →
2. SaaSFrame — B2B Product Pattern Library
Website: saasframe.io
Price: Free (limited) / Paid
Best for: Research specifically for B2B product design, SaaS UI patterns
SaaSFrame is Mobbin with a specific focus: B2B SaaS products. Onboarding flows, pricing pages, dashboard patterns, upgrade prompts, empty states, settings organization — all from real SaaS products.
The B2B focus matters because B2B design has different requirements from consumer design. Enterprise users have different mental models, different patience thresholds, different expectations about information density, and different relationships with the products they use. The patterns that work for consumer apps often don't translate.
When you're designing a freemium upgrade prompt and need to know how the best SaaS companies handle the moment of conversion, SaaSFrame shows you 30 real examples.
Browse Inspiration Resources on Mantlr →
3. Page Flows — Complete User Journey Recordings
Website: pageflows.com
Price: Paid (limited free)
Best for: Researching complete user flows, not just individual screens
Page Flows records complete user journey walkthroughs — onboarding flows, upgrade processes, cancellation flows, checkout sequences — from real products.
The distinction from screenshot libraries: you're seeing a complete interaction sequence, not an isolated screen. How does Notion transition from empty state to first content? How does Figma handle the moment a free user hits their project limit? What does Intercom show a user considering cancellation?
These sequential flows reveal design decisions that individual screenshots don't capture — the pacing of information, the specific words used at crucial moments, the moments where friction is intentionally added.
Browse Inspiration Resources on Mantlr →
Inspiration Resources — Use These Time-Boxed
4. Land-book — 6,000+ Landing Pages
Website: land-book.com
Price: Free
Best for: Landing page research by industry, style, or specific section type
6,000+ landing pages, filterable by industry and visual style. The utility: when a client says "we want something like Stripe but for legal tech," Land-book helps you research what actually exists at the intersection of Stripe's visual clarity and legal industry conventions.
The discipline: Open Land-book with a specific question. Close it when you have 5-7 relevant references that answer that question. Don't browse.
Browse Inspiration Resources on Mantlr →
5. Godly — The Highest Bar in Motion Design
Website: godly.website
Price: Free
Best for: Interactive and motion design reference, scroll-based animation research
Godly curates websites for interactive and motion design quality. The bar for inclusion is genuinely high — not websites that are merely beautiful, but websites that do something distinctive with interaction.
Use Godly when you have a specific interaction challenge: "how are designers handling parallax without it feeling gimmicky?" "What does good cursor interaction look like in 2026?" "How are people using scroll-based text reveals?"
Browse Inspiration Resources on Mantlr →
6. Screenlane — Mobile UI Inspiration
Website: screenlane.com
Price: Free
Best for: Mobile UI inspiration, organized by screen type
Curated mobile UI screenshots, updated regularly, organized by screen type (login screens, settings, empty states, modals, and more). Higher curation bar than most screenshot galleries — every screen here is genuinely good.
Browse Inspiration Resources on Mantlr →
7. Navbar Gallery — One Thing, Done Well
Website: navbargallery.com
Price: Free
Best for: Navigation design research, header and navbar pattern reference
Single-purpose and excellent: a curated collection of website navigation designs. When you're designing navigation and want to see 50 different approaches to organizing 8+ items, filtering on desktop vs. mobile, or showing active states, Navbar Gallery has it.
The single-purpose approach is its strength. You're not distracted by other parts of the page — just the navigation.
8. Footer Design — Navigation's Forgotten Sibling
Website: footer.design
Price: Free
Best for: Footer design research and reference
Same principle as Navbar Gallery applied to footers. Footers are often afterthoughts that reveal how much a designer has thought about the full page experience. Good footers are navigation tools, credibility signals, and discovery surfaces. This gallery shows the full range.
9. Pricing Pages — The Most Studied Page on Your Site
Website: pricingpages.xyz
Price: Free
Best for: Pricing page design research before designing your own
Pricing pages are the highest-stakes pages most designers work on — they have a direct, measurable relationship to revenue. Getting the layout, the hierarchy, the CTA language, and the feature comparison right matters enormously.
This collection of 300+ real pricing pages gives you the reference material to make informed decisions rather than guessing.
10. Dark Mode Design — The Platform-Specific Gallery
Website: darkmodedesign.com
Price: Free
Best for: Dark mode UI research, understanding platform-specific dark mode patterns
Dark mode has its own design language that standard inspiration sites don't surface well. The elevation system, the color choices, the contrast relationships, the handling of shadows when the background is already dark — all of these are different from light mode design.
Dark Mode Design curates examples specifically for their dark mode quality. If you're designing a dark interface, this is where to start research.
11. Mobbin Web — The Web Version of Mobbin
Website: mobbin.com (web tab)
Price: Free (limited) / Paid
Best for: Web-specific product UI research separate from mobile
Mobbin's web collection is separate from its mobile collection and covers a different set of patterns. Web-specific patterns — complex navigation systems, data table implementations, sidebar layouts, drag-and-drop interfaces — that don't appear in mobile screenshots.
12. Lookup Design — Design System Pattern Reference
Website: lookup.design
Price: Free (limited)
Best for: Component-level pattern research, design system decisions
Lookup Design organizes real UI screenshots by component type — buttons, cards, inputs, badges, tables, modals, empty states. When you're making a specific component decision and want to see how 20 real products handle it, this is faster than searching Mobbin.
13. The Component Gallery — Component Pattern Library
Website: component.gallery
Price: Free
Best for: Component pattern research, understanding naming conventions and variants
The Component Gallery catalogs UI components by type with examples from real design systems and products. Useful for understanding what variants a component should have, what states to design, and how different teams name and structure the same component.
14. Refero.design — Premium Design Examples
Website: refero.design
Price: Free (limited) / Paid
Best for: High-quality product design screenshots from notable products
Curated screenshots from notable tech products — Linear, Figma, Notion, Stripe, Loom — organized by company and screen type. The quality bar is higher than most galleries because the products featured are themselves high quality.
15. Designvault — Pattern Library
Website: designvault.io
Price: Free (limited) / Paid
Best for: UI pattern reference across a wide range of components and interactions
Pattern library approach: organized by UI component and interaction type, with multiple examples of each pattern from real products. Good for understanding the range of solutions to a specific design problem.
The Reference Practice That Improves Design Quality
Start every major design decision with 15 minutes of intentional reference research.
Not browsing. Research. Open Mobbin with a specific question. Look at 10-20 examples. Take notes on what patterns you see, what decisions look consistent across products, what decisions are product-specific, and what seems to work well for the use case you're designing.
Then close the reference resources and design.
The designers who use reference well produce better decisions because their decisions are informed by what actually works, not by what they imagine might work. The designers who use inspiration wrong spend time feeling inspired and less time making informed decisions.