DriversRecommendedOutdated drivers can make a good PC feel brokenScan driver issues before chasing fixes manually.Scan NowHalloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsPC HealthRecommendedCrashes, freezes, slowdowns? Check your PC nowSpot repairable issues before they interrupt work.Check PC×
Skip to content
World desk4 min

UI/UX and Web Design Inspiration Websites: 25+ Picks by Design Task

Choose from 25+ design inspiration resources organized by what you need to study: complete websites, landing pages, product screens and flows, portfolios, or interface components.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The best design inspiration site depends on what you need to study: a complete website, a landing page, a real app screen or flow, a portfolio, or one specific interface component. Use full-site galleries to explore visual direction, product-screen libraries to examine interface patterns, and focused galleries when you need a specific detail. The resources below are grouped by that work—not ranked as universal winners.

How to choose a design inspiration website

  • For a whole website or visual direction: Start with a curated web gallery such as Siteinspire or Land-book.
  • For app screens and user flows: Use a product-reference library such as Mobbin or Page Flows. Screenshots show appearance; inspect the live product where behavior matters.
  • For creative approaches and portfolios: Browse Dribbble, Behance, or Maxibestof, then verify functional details in the actual interface.
  • For a specific component: Go straight to a focused reference such as Navbar Gallery, Footer.Design, or The Component Gallery.

This is a task-based selection, not an objective quality ranking. The descriptions below come from resource directories and the named services; they do not imply that every entry has been independently tested or that its present features and access terms are unchanged.

As an Amazon Associate I earn from qualifying purchases.

Websites, visual direction, and landing pages

These galleries are useful when the object of study is a website, a marketing page, or a broader visual style. Their examples may not show how the design behaves in a live product.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Curated website galleries

  • Siteinspire: Curated web and interactive work, browseable by style, type, subject, and platform. Its category counts change over time.
  • Land-book: Curated website-design inspiration.
  • Awwwards: An award-oriented web design and developer showcase. Dribbble’s guide says submissions are judged by industry experts; treat the award context as a way to discover ambitious work, not as proof that a site fits your project.
  • Godly: Hand-picked web design inspiration.
  • Httpster: Website showcase.
  • CSS Design Awards: Website awards.
  • Best Website Gallery: Curated website gallery.
  • SiteSee: Curated modern website gallery.
  • Recent: Web, interface, and interaction design references.
  • Webzooo: Website gallery organized by brand color.

Landing-page and one-page references

  • One Page Love: Inspiration for one-page websites.
  • Lapa Ninja: Landing-page examples. Its directory listing describes daily updates and more than 7,000 examples; those are live-directory claims that may change.
  • Landingfolio: Landing-page designs, components, and templates.
  • SaaS Landing Page: SaaS landing-page designs organized by section.

Real product screens, flows, and interface patterns

Use these resources when you need to understand how app interfaces are organized or how a user moves through a task. A screen library can help you find patterns, but checking the live product is important when timing, interaction, or context affects the design decision.

  • Mobbin: Mobile and web app references organized into screens, UI elements, and flows. Its product page displayed 1,428 apps, 621,500+ screens, and 323,900 flows when retrieved in 2026; these are changing page counters, not durable statistics. The page says new content is added weekly.
  • Page Flows: Real product user flows recorded as video, according to the directory description.
  • UI Sources: App-flow and UX-pattern references.
  • Screenlane: Mobile and web UI inspiration organized by category.
  • Pttrns: Mobile UI and design patterns.
  • Refero: Product and UI design examples.
  • Nicely Done: SaaS and web-app UI patterns.
  • The Component Gallery: Interface components drawn from real-world design-system examples, as described by Dribbble’s guide.

Creative work, portfolios, and collected references

Portfolio and creative-work platforms can expose a range of visual approaches. A presentation image or project post is not necessarily evidence of how a finished interface works.

  • Dribbble: A platform for sharing and discovering designers’ work—useful for visual exploration, then inspect the actual interface when function matters.
  • Behance: Creative project showcase and discovery.
  • Maxibestof: Portfolio website directory.
  • Cosmos: A place to save and curate creative references.

Focused galleries for components and visual styles

When your question is narrow, a specialized gallery can be faster than searching a large collection.

  • Dark.Design: Dark-themed websites.
  • Footer.Design: Footer inspiration.
  • Navbar Gallery: Navigation-bar examples.
  • Minimal Gallery: Minimal website design.
  • Collect UI: Daily UI inspiration gallery.
  • UI Garage: Daily UI inspiration and patterns.
  • Calltoidea: Categorized web design ideas and components.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

A printed companion for browsing older examples

The Web Designer’s Idea Book by Patrick McNeil is a physical reference rather than a current online gallery. Its publisher describes more than 700 websites organized around layout, color, and style; the listed edition dates to September 8, 2008. Its age makes it a supplementary source for visual ideas, not a guide to current interface conventions.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
The Web Designer's Idea Book: The Ultimate Guide To Themes, Trends & Styles In Website Design
  • New
  • Mint Condition
  • Dispatch same day for order received before 12 noon
  • Guaranteed packaging
  • No quibbles returns

Turn examples into useful design decisions

  1. Name the object you are designing. Decide whether you need a full site, landing page, app screen, flow, portfolio direction, or component reference.
  2. Choose a source type that matches it. Browse a website gallery for visual direction, a product library for interface patterns, or a focused gallery for a specific component.
  3. Look beyond the first attractive example. Compare how references handle the same content or task, rather than copying a surface treatment without its context.
  4. Check behavior in the live product when it matters. A static image cannot establish interaction behavior or the surrounding user flow.
  5. Verify current details directly. Galleries, counts, availability, and access terms can change; check the service itself before relying on a particular feature.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.