The best UI design inspiration websites

12 picks · Updated

Inspiration sites are not all the same thing. Some collect whole landing pages, some record full app flows screen by screen, and some zoom in on one pattern like a navbar or an empty state.

Pick the site that matches the question you have. If you are designing an onboarding flow, a gallery of hero sections will not help much. A library of recorded flows will.

  1. Mobbin preview

    Mobbin

    Hand-picked library of the latest mobile and web design patterns.

    1. Mobbin

    Mobbin is the big one for mobile and web apps. It stores real screens and full flows from shipped products, so you can see how an app handles sign up, checkout or settings from start to end. Search by screen type or by pattern and you get a wall of real answers fast.

    Good for: App flows and screen patterns from real products

    Visit MobbinDetails
  2. Refero previewSponsor

    Refero

    Get inspired by the best examples of product and UI design.

    2. Refero

    Refero covers web and iOS apps with a strong search. You can look for a pattern, a page type or a UI element and filter down from there. It is a good second library next to Mobbin when you want more web app references.

    Good for: Searching web app screens by element or page type

    Visit ReferoDetails
  3. Page Flows preview

    Page Flows

    Real product user flows recorded as video for inspiration.

    3. Page Flows

    Page Flows records user flows as video and screenshots, step by step. Watching a flow play out shows timing, transitions and error states that a static screenshot hides.

    Good for: Seeing a full user journey in motion

    Visit Page FlowsDetails
  4. Land-book preview

    Land-book

    A curated gallery of the best website design inspiration on the web.

    4. Land-book

    Land-book is a long running gallery of landing pages and websites, sorted by type and style. It is a quick way to get a feel for how a product category presents itself on the web.

    Good for: Landing pages by industry and style

    Visit Land-bookDetails
  5. Lapa Ninja preview

    Lapa Ninja

    7000+ landing page design examples from around the web, updated daily.

    5. Lapa Ninja

    Lapa Ninja collects landing pages and files them by category. It also has sections for single page parts, so you can study only pricing blocks or only hero sections when that is all you need.

    Good for: Studying one landing page section at a time

    Visit Lapa NinjaDetails
  6. Godly Website preview

    Godly Website

    Collection of high-quality design inspirations.

    6. Godly Website

    Godly is a hand-picked gallery of bold, current web design, with many entries shown as video. It leans toward agency and studio sites with strong motion, so it is better for mood than for product UI.

    Good for: Bold web design and motion ideas

    Visit Godly WebsiteDetails
  7. Awwwards preview

    Awwwards

    Awards for the best web designers and developers in the world.

    7. Awwwards

    Awwwards reviews and awards websites, with scores from a jury. The winners push visuals and interaction hard. Use it to stretch your ideas, then bring them back to what your users need.

    Good for: Award-level web design and interaction

    Visit AwwwardsDetails
  8. siteInspire preview

    siteInspire

    A showcase of the finest web and interactive design.

    8. siteInspire

    siteInspire is a calm, well tagged gallery of websites. You can filter by style, type and subject, which makes it easier to find something specific than on louder galleries.

    Good for: Filtering websites by style and subject

    Visit siteInspireDetails
  9. Saaspo preview

    Saaspo

    The biggest library of SaaS website design inspiration.

    9. Saaspo

    Saaspo focuses on SaaS websites only. If you design for a software product, the examples here are closer to your problem than a general web gallery.

    Good for: SaaS landing pages and marketing sites

    Visit SaaspoDetails
  10. Nicely Done preview

    Nicely Done

    A library of the best SaaS and web app UI patterns.

    11. Nicely Done

    Nicely Done collects web app screens and flows from well known products, grouped by pattern. It is smaller than the big libraries, which makes it quick to browse.

    Good for: A quick look at common web app patterns

    Visit Nicely DoneDetails
  11. Spotted in Prod preview

    Spotted in Prod

    Discover and browse a curated selection of top apps effortlessly.

    12. Spotted in Prod

    Spotted in Prod shares small UI details found in real apps: a clever toggle, a nice empty state, a smart default. Good for the last ten percent of a design.

    Good for: Small interaction details from real apps

    Visit Spotted in ProdDetails

Questions

What is the best site for mobile app UI inspiration?
Mobbin is the most complete for real app screens and flows. Refero and Page Flows are good second sources, and Page Flows is the one to use when you want to see a flow as video.
Where can I find landing page inspiration?
Land-book and Lapa Ninja for general landing pages, Saaspo if you design for a software product, and Godly or Awwwards when you want bolder visual ideas.
Is it okay to copy designs from these sites?
Use them to understand patterns and decisions, not to copy layouts or assets. The screens belong to the products they come from.

Browse the full category

All Design Inspiration

More guides