UI/UX Patterns

A collection of awesome test components with smooth animations

The Accessibility team at GitHub considers drag-and-drop a “high-risk pattern,” often leading to accessibility barriers and a lack of effective solutions in the industry.

What are tooltips, exactly? There's two kinds and the one you use has implications on the user experience, as Zell illustrates in this explainer on best practices.

Handcrafted interactions focused on utility & beauty.

Welcome to New Expensify: a complete re-imagination of financial collaboration, centered around chat. Help us build the next generation of Expensify by sharing feedback and contributing to the code...

Experimental laboratory of fine UI

Exploring how patterns and experiences will change in a world driven by Artificial Intelligence

My first professional/coding related post in a while, this one dives into finding as inclusive a solution as possible for displaying the initials of users on a platform. What follows is not really a s

Browsers nowadays have built-in form validation features that make JavaScript-only solutions unnecessary. Let's explore what this might look like using progressive enhancement techniques.

An interactive guide on designing better target sizes on the web.

🪴 UX Guidelines For... Almost Everything! Design patterns and best practices, from dashboards, data tables and filters to onboarding, sorting and search UX —… | 105 comments on LinkedIn

Learn about data table design UX. Best practices for column layout, table actions, and viewing options in your enterprise software.

An unofficial bonus chapter for the iOS Human Interface Guidelines: Learn how to structure iPhone apps with drill-downs, modals, pyramids, sequences, and more.

A comprehensive visual guide to designing features and functionality for enterprise SaaS tables

Discover our huge collection of Webflow Templates, Themes, Components, and Guides. Easily search and find powerful free content to help you build better websites.

Error messages should help users solve problems and move on. This is our guide on how to write clear, helpful copy for when things go wrong.

After doing exhaustive research into modern CSS and JavaScript form validation, I present my conclusions in this series of articles. It…

Validation errors won't ever be eliminated – they are a natural part of complex forms and user inputs. In this article we share insights from our usability studies and see how error messages are a key factor in the user's error recovery experience.

Geri Reid, UI and UX Designer, London

A Lifecycle for Components that stray from the happy path

Last year, I worked on a project which contained a reorderable list component – essentially, a group of items that users can rearrange in any order. Though I…

Inline validation in web forms is useful when it works, but frustrating when it fails. Too often it leads to an endless stream of disruptive error messages or dead-ends without any chance of getting out. Let’s fix it.

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.

Collapsed & Expanded states. Styling & Colors usage. Accordion samples, templates, and UX cases for a smooth experience

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