Last updated: August 13, 2025 · 6-minute read
I open Dribbble roughly once a month. Every time I do, I close it within 90 seconds feeling worse about design than when I opened it.
That's not a Dribbble problem — it's a category problem. Dribbble is a portfolio platform. People upload work designed to impress other designers, not to be implemented. The medium article "Designing for Dribbble Killed Real Web Creativity" called it out directly: the platform incentivizes pretty pixels over functional interfaces, and the result is an entire ecosystem of work that was never meant to be built.
A thread on r/UI_Design titled "Dribbble Quality Downhill" put it more bluntly — "about 95% of Dribbble nowadays are mockups created solely to look good and flashy on Dribbble and to share to other social media." A senior web designer in r/FigmaDesign was even more direct: "I'm a senior web designer and have never looked on Dribbble. I prefer live, real-world examples."
If you're building things — not decorating portfolios — you need references from shipped products, not concept art. Here's my actual rotation.
1. godly.website — The Creative Edge
Godly is a curated gallery of visually aggressive, often experimental web designs. Think parallax scrolling, 3D transforms, WebGL effects, the kind of stuff that wins Awwwards but would get you fired if you proposed it for a SaaS dashboard.
What I use it for: Landing page hero sections, scroll interactions, and "what's technically possible right now" research. When I need to see what the cutting edge looks like — not what I should copy, but what's pushing boundaries — this is where I go.
Pros: Updated daily, zero signup required, the curation is sharp. Every site listed is live and production-built.
Cons: Practically useless for anything behind a login. The designs skew heavily toward creative agencies and portfolio sites. As one Hacker News commenter noted about Godly: "I find it a helpful resource, but I also agree too many of these are design studios and are of no interest to me." If you're building a B2B tool, 80% of what's here won't apply.
Verdict: Best for front-end devs who want to see what CSS and WebGL can actually do. Not for anyone looking for a pricing page layout.
2. mobbin.com — The Real-World Pattern Library
Mobbin is a library of 400,000+ screenshots from real mobile and web apps. No mockups. No concepts. Actual screens from shipped products, organized by flow (onboarding, settings, checkout, search, empty states).
What I use it for: Any pattern that involves user interaction. Need to see how 50 different apps handle dark mode toggles? Mobbin. Need a reference for a notification center layout? Mobbin. This is the closest thing to "let me see how real products solved this" that exists.
Pros: The search is genuinely good — you can filter by platform, flow, and even specific UI elements. Reddit threads on design inspiration consistently mention it as the go-to. One thread on r/web_design: "Good list, mobbin and godly are in my rotation too."
Cons: The free tier is limited. You hit a paywall fast if you're browsing heavily. And since everything is real apps, you won't find anything experimental here — it's all safe, production-grade patterns.
Verdict: The single most useful site on this list if you build apps. Worth the paid tier if you reference designs daily.
3. land-book.com — Landing Page Dissection
Land-book is a curated collection of landing pages from real SaaS products, startups, and agencies. Every entry is a live page you can click through, not a static screenshot.
What I use it for: Landing page structure. Hero section hierarchy, CTA placement, social proof blocks, feature grid layouts. When I need to understand how a page flows — not just what one screen looks like — this is better than Mobbin because you get the full scroll experience.
Pros: Every site is clickable. You can see hover states, scroll animations, responsive behavior. The curation skews toward products, not agencies, which means more practical reference material.
Cons: The library is smaller than Mobbin's. Updates are less frequent. Search is basic — you're browsing, not querying.
Verdict: Best for "I need a landing page and I want to see 20 good ones before I start."
4. siteinspire.com — The Minimalist's Reference
Siteinspire has been around since 2006. It's a straightforward gallery of well-designed websites, filterable by style, type, subject, and platform.
What I use it for: Clean, minimal designs. If Godly is the experimental wing, Siteinspire is the "this is tasteful and works" wing. Great for typography references, whitespace usage, and restrained color palettes.
Pros: 7,000+ sites, well-organized filters, no fluff. A Reddit thread on favorite inspiration sites listed it as a top pick alongside Mobbin.
Cons: Feels slightly dated compared to newer entries. The visual style of what gets featured is very "design agency 2019." You won't find dark-mode SaaS dashboards here.
Verdict: Reliable for clean, corporate-grade web design. The kind of thing you'd show a client who says "make it look professional."
5. saaslandingpage.com — Niche and Useful
A smaller site that does exactly what the URL says — it collects landing pages specifically from SaaS products.
What I use it for: B2B-specific patterns. Pricing tables, feature comparison sections, integration grids, testimonial layouts. Things you won't find on Godly or Siteinspire because they're boring — but essential if you sell software.
Pros: Highly relevant if you build SaaS. Every entry is a product landing page, not a portfolio or agency site. Quick to browse.
Cons: Small library. Not updated as frequently. The design is bare-bones — the site itself could use a designer.
Verdict: Niche, but if you're building a SaaS landing page, this should be your first stop.
The YouTube Reference Worth Mentioning
Self-Made Web Designer put out a video called "38 Must-Visit Web Design Inspiration Resources" that covers everything from the well-known (Godly, Mobbin) to the obscure. Worth a watch if you want to go deeper than these five — but the video itself is 20+ minutes and most of the 38 are redundant. These five cover 90% of what I actually open.
TL;DR
- Godly — experimental, creative, award-worthy sites. Use for hero sections and scroll interactions.
- Mobbin — 400k+ screenshots from real apps. Use for UI patterns and interaction flows.
- Land-book — clickable landing page gallery. Use for landing page structure and flow.
- Siteinspire — clean, minimal, corporate. Use for typography and whitespace reference.
- SaaS Landing Page — B2B-specific patterns. Use for pricing tables and feature sections.
- Dribbble — skip it if you build things. It's a portfolio platform, not a reference library.
If you're looking for design systems you can actually hand to an AI agent, the Refero Styles breakdown in the Post-Lovable stack post covers how I extract real design tokens from these references. And if you want to see what I've built using this approach, the Projects section has the output.
Not affiliated with Godly, Mobbin, Land-book, Siteinspire, or SaaS Landing Page. Tools used for this site's design research: Refero Styles, Aceternity UI.
Originally published at ansaribilal.com. I write about AI agents, indie builds and developer tooling — more posts here.
Top comments (0)