How to design almost any UI element.

A curated list of 58 articles 👇


7 Basic Rules for Button Design by @101babich

Button Design

Cheatsheet for buttons by @tessgadd

Text fields.

UI cheat sheet: text fields (Awesome article! 🤩)

Text fields & Forms design — UI components series

The Anatomy of Input Field

Checkboxes & Toggles.

Checkbox vs Toggle Switch by @uxplanet

Toggle-Switch Guidelines by @NNgroup

Toggle design patterns from @just_in_mind

38 Checkbox Designs 😳

Radio Buttons.

Selection controls — UI component series (AWESOME 🤩)

Radio Buttons UX Design

Radio button design: easy selection and decision-making


Design better data tables by @CoyleAndrew (😍)

The Ultimate Guide to Designing Data Tables

Designing better data tables for enterprise UX

Datepickers. (It's a pain 😣)

How to Design a Perfect Date Picker Control?

Date Picker Design Best Practices

A hunt for the perfect date picker UI


UNBELIEVABLE article. @smashingmag is a golden resource really.

Slider design UI patterns and examples from @just_in_mind

Slider Design: Rules of Thumb from NNGroup


Module Tabs in Web Design: Best Practices and Solutions

12 Tabs Design guidelines


UI cheat sheet: dropdown field (Like this one 🥰)

Dropdowns: Design Guidelines

Drop down list design: the complete guide


Paging, Scrolling, and Infinite Scroll by @uxmatters

UX: Infinite Scrolling vs. Pagination by @101babich

Users' Pagination Preferences and "View All"

Search inputs

Best UX practices for search inputs

Design a Perfect Search Box

Site Search Suggestions by @nngroup


Breadcrumbs: 11 Design Guidelines for Desktop and Mobile

Are breadcrumbs still fresh for UX?

Breadcrumb examples for inspiration


Carousel/slider design best practices (with examples) by @webflow

Carousel Usability: Designing an Effective UI for Websites with Content Overload

Designing a User-Friendly Homepage Carousel


Best Practices for Designing UI Overlays by @oliverlindberg from @appcues

Modal & Nonmodal Dialogs: When (& When Not) to Use Them

Modal dialogs


Card UI design: fundamentals and examples

Simple Design Tips for Crafting Better UI Cards

Designing cards


Tooltip Guidelines

Designing Better Tooltips For Mobile User Interfaces

Tooltips: your secret weapon for improving feature discovery by @sofiaqt


Navigation design: Almost everything you need to know

UX Design for Navigation Menu from @Prototypr

The Fastest Navigation Layout for a Three-Level Menu from @uxmovement


Progress Indicators Make a Slow System Less Insufferable

Stop Using A Loading Spinner, There’s Something Better

Best Practices For Animated Progress Indicators


Design Better Forms by @CoyleAndrew (Really good read! 😍)

Form Design: 13 Empirically Backed Best Practices by @iamalexbirkett

The UX behind designing better forms by @charmiekapoor

If you want to have it as a single list instead of a thread, check out Reddit's first comment:

Let me add one more resource:

Once a week, I send a newsletter covering different UI/UX topics. Everything related to user interfaces.

No ads, no spam.

Soon will start a blog there because it's not very convenient to post a lot of info in threads.