UI/UX Patterns

A collection of detailed guidelines about User Interface (UI) controls, the building blocks of any software interface. Buttons, links, accordions, menus, and more!

Patterns in confusing explanations

How user interface evolved for the past 40 years ✨ Visual Thread 🧵

Mobile patterns · Form field validation · Autofocus · Microcopy · Error messages · Error prevention

An open catalog of interaction patterns

The personal site of Philip Davis

How we embraced a growth mindset and ended up with a more robust ecosystem of selection patterns

We’re Moving Parts & we’re building the scalable library of mobile UI components you wish you always had.

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.

Dropdowns get a lot of flak from the UI world – and if we are honest, it’s not without reason. Done badly, they become cumbersome…

Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look there for more patterns: www.flickr.com/photos/factoryjoe/tags

> “Command line interfaces. Once that was all we had. Then they disappeared, replaced by what we thought was a great advance: GUIs. GUIs…

Timoa | Damien Laureaux, Lead DevSecOps at Accenture Interactive, AWS Certified Solutions Architect & Developer, Android & iOS app developer. UI Design fan

Many agree that tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable. The thing is that in many cases tabular data is obscured. This is why tables have […]

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

An experimental laboratory for user interfaces.

The documented collection of UI components.

Interaction Design pattern library. More than 120 patterns for web designers. All patterns include examples, explanations and even links to literature and code

The Component Gallery is a collection of components from the best Design Systems.

Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.

This newsletter issue was sent out to 180,930 subscribers on Tuesday, February 23, 2021.

Listing of accessible components & patterns. Contribute to scottaohara/accessible_components development by creating an account on GitHub.

Check out the finest collection of design patterns, resources, mobile apps and inspiration

A design inspirational library featuring finest UI UX Patterns (iOS and Android) for designers, developers, and product makers to reference.

Welcome to UICloud - The largest user interface design database in the world.

A design inspirational library featuring finest UI UX Patterns (iOS and Android) for designers, developers, and product makers to reference.

We lay out the most interesting user flows so you can build your point of view and be inspired to design the best user experiences.

Reach higher conversions faster by repeating what worked for others and avoiding what failed.