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 components for digital products? Look no further than this comprehensive collection of Design Pattern resources.

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 in other products before. Examples include things like login flows, user onboarding, date pickers, chat interactions, image uploading etc.

UX, UI and Product Design Patterns are familiar, reusable and recurring ways of designing things in a User Interface.

If there is a problem your product is trying to solve for your users, there's no need to reinvent the wheel, as many best practices have already been designed, tested and documented in the form of design patterns.

While there will always be the need to innovate, adjust, repattern and create original designs, learning the foundations and how to apply them first is always a good place to start.

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

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 in this mental health wellness space.

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 this 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!

UX Design Checklist for Notion

Based on 7 factors that influence user experience. These tried and true design usability heuristics, design principles, design patterns and best practices are meant to be used alongside your own user research to help you make sure you're not forgetting anything important when you are designing your websites, apps and interfaces. One-click copy to Notion (or download PDF)

UX Design Checklist | DesignerUp
A checklist designed to help guide you towards a better User Experience

UI Design Checklist for Notion

This checklist of UI design guidelines and best practices is based on principles that have been well established to enhance the experience of a user’s interaction with a digital software interface. One-click copy to Notion (or download PDF)

UI Design Checklist | DesignerUp
A best practices guide and checklist to help you before you begin designing your UI screens

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.

Like this kind of stuff? Explore our design course to learn how to apply these yourself! And please share with your friends and mention @designerupco

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