Shape
Blog / / Design Inspiration

The Best Collections of Real UX/UI Design Patterns

Looking for inspiration and examples of best practices for designing your apps, software, screen flows and products? Look no further than this comprehensive collection of Design Pattern resources.

UX, UI and Product Design Patterns are familiar, reusable and recurring flows and components that designers use to help their users interact with their designs more easily, solve their problems and achieve their goals with a product.

Whether you are designing wireframes or the UI of a new product, chances are the flows or problems you are working on have already been designed by other designers and products before. Examples include things like login flows, user onboarding, date pickers, chat, image upload etc.

If there is a problem your users are trying to solve there's no need to reinvent the wheel, the best place to start is with existing design patterns that illustrate best practices

This list includes are some of the best sites to learn from and get inspired by real UI and UX design patterns for digital products, mobile apps, software and SaaS designs.

Design Vault

Design Vault is a curated library of screenshots & interaction patterns from the world's best digital products. Gain insights, explore trends.

Design Vault
UI interaction patterns & screenshots from the world’s best digital products.

Checklist Design

A collection of the best design practices and design patterns including website pages, UI components and brand assets.

Checklist Design - A collection of the best design practices.
Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.

Design Patterns for Mental Health

The Mental Health Patterns Library is a resource for those involved in developing and delivering digital mental health support. It’s designed to encourage learning and the sharing of best practices.

Browse patterns
The Mental Health Patterns Library is a public library that contains a set of principles, patterns and examples for the design and delivery of digital services and products that address mental health needs.

LittleBigDetails

Little Big Details is a curated collection of the finer details of design, including explanations and definitions of the User Experience.

Little Big Details
Your daily dose of design inspiration.

Mobbin

Discover the best-in-class apps and design patterns and save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots.

Mobbin - The world’s largest mobile app design reference library
Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots.

Screenlane

The latest mobile UI design inspiration in your inbox every week, for free. Browse their site by category, element, and brands and see color palettes as well as design patterns.

Screenlane
Only the best mobile and web UI design inspiration, right in your inbox

Landingfolio

Landingfolio features the best landing page inspiration, templates, resources and examples on the web. Learn from a growing library of 1,982 landing page designs and 3,829 component examples, updated daily!

The Best Landing Page Design Inspiration, Templates, Resources and More | Landingfolio
Landingfolio features the best landing page inspiration, templates, resources and examples on the web. Learn from a growing library of 1,982 landing page designs and 3,829 component examples, updated daily!

SaaS Landing Page

Discover the best 660 landing page examples created by top-class SaaS companies, and get ideas and inspiration for your next design project.

The best landing page examples for design inspiration - SaaS Landing Page
SaaS Landing Page showcases the best landing page examples created by top-class SaaS companies. Get ideas and inspirations for your next design project.

Really Good UX

A library of great UX with analysis and breakdown of the user experience and UI designs.

ReallyGoodUX
Screenshots and examples of great UX from real mobile and web products. Discover the best UX examples—including onboarding tours and walkthroughs, new feature and rebrand announcements, UX copywriting, signup flows and more. Brought to you by Appcues.

UI Patterns

One of the original resources for great user interface patterns with examples and explanations of best design practices and approaches.

UI-Patterns.com
User Interface Design Pattern Library. UI patterns for web designers. See screenshot examples and learn how to do great design like the pros.

Love this kind of stuff? Explore our design courses and content and please share with your friends!

This post was a collaboration between

DesignerUp, Elizabeth Alli

  • DesignerUp

    DesignerUp

    Read more posts by this author.

    DesignerUp
  • Elizabeth Alli

    Elizabeth Alli

    Mindful designer and mentor helping to create meaningful products and experiences.

    More posts by Elizabeth Alli.

    Elizabeth Alli