How to design almost any UI element.

A curated list of 58 articles 👇

Buttons.

7 Basic Rules for Button Design by @101babich
https://t.co/m7g1MQ1d3m

Button Design
https://t.co/srbgqAOvyV

Cheatsheet for buttons by @tessgadd
https://t.co/4BXUNTEzIw
Text fields.

UI cheat sheet: text fields (Awesome article! 🤩)
https://t.co/92eqmsxJz5

Text fields & Forms design — UI components series
https://t.co/a5OAlsBYYz

The Anatomy of Input Field
https://t.co/BzjdsNLbGp
Checkboxes & Toggles.

Checkbox vs Toggle Switch by @uxplanet
https://t.co/2qwRITZ7xl

Toggle-Switch Guidelines by @NNgroup
https://t.co/ftcHGs20zy

Toggle design patterns from @just_in_mind
https://t.co/jtc0K2esSa

38 Checkbox Designs 😳
https://t.co/xuuGxX4wle
Radio Buttons.

Selection controls — UI component series (AWESOME 🤩)
https://t.co/iYM2TOwJJJ

Radio Buttons UX Design
https://t.co/toIB4ATFsy

Radio button design: easy selection and decision-making
https://t.co/ju5EKVnCCv
Tables.

Design better data tables by @CoyleAndrew (😍)
https://t.co/LkviePrdOS

The Ultimate Guide to Designing Data Tables
https://t.co/trFjRmCPsO

Designing better data tables for enterprise UX
https://t.co/IjBCF2SB3P
Datepickers. (It's a pain 😣)

How to Design a Perfect Date Picker Control?
https://t.co/DMoKDpJ6Ri

Date Picker Design Best Practices
https://t.co/PXcZGQ66Zv

A hunt for the perfect date picker UI
https://t.co/cF41bhB5dn
Sliders.

UNBELIEVABLE article. @smashingmag is a golden resource really.
https://t.co/NoSRmlHN1A

Slider design UI patterns and examples from @just_in_mind
https://t.co/G8ymVAlh6l

Slider Design: Rules of Thumb from NNGroup
https://t.co/0iXm3teB7F
Tabs.

Module Tabs in Web Design: Best Practices and Solutions
https://t.co/hLUpxfTUzf

12 Tabs Design guidelines
https://t.co/HmPNXiNoLV
Dropdowns

UI cheat sheet: dropdown field (Like this one 🥰)
https://t.co/XMF5mE4jjc

Dropdowns: Design Guidelines
https://t.co/wnqYIWvAxF

Drop down list design: the complete guide
https://t.co/gRqNsCawTl
Pagination

Paging, Scrolling, and Infinite Scroll by @uxmatters
https://t.co/M4qLpZHwxV

UX: Infinite Scrolling vs. Pagination by @101babich
https://t.co/AZN4ttXUli

Users' Pagination Preferences and "View All"
https://t.co/h74qKS8emt
Search inputs

Best UX practices for search inputs
https://t.co/g3qOCcYJ5U

Design a Perfect Search Box
https://t.co/O5tt2zIXKq

Site Search Suggestions by @nngroup
https://t.co/ua5Mfvqnk7
Breadcrumbs.

Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
https://t.co/KQs8QvBJiS

Are breadcrumbs still fresh for UX?
https://t.co/Zet4DHNEb6

Breadcrumb examples for inspiration
https://t.co/huUIxvox55
Carousels.

Carousel/slider design best practices (with examples) by @webflow
https://t.co/TQsCzXfb3S

Carousel Usability: Designing an Effective UI for Websites with Content Overload
https://t.co/rv2II2WhM9

Designing a User-Friendly Homepage Carousel
https://t.co/XmNcvJL7jt
Modals.

Best Practices for Designing UI Overlays by @oliverlindberg
https://t.co/WxYMZhG61p

https://t.co/uPVaJ1CLDk from @appcues

Modal & Nonmodal Dialogs: When (& When Not) to Use Them
https://t.co/5GJw7sl3VL

Modal dialogs
https://t.co/TXEnv10keD
Cards.

Card UI design: fundamentals and examples
https://t.co/22QfczOP7O

Simple Design Tips for Crafting Better UI Cards
https://t.co/4oRf8kwvn8

Designing cards
https://t.co/nW1BQamhng
Tooltips.

Tooltip Guidelines
https://t.co/Jct5q7ydeR

Designing Better Tooltips For Mobile User Interfaces
https://t.co/QUwNvDM3NI

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

https://t.co/9XPdAFwR6s
Navigation.

Navigation design: Almost everything you need to know
https://t.co/4NUG9KoLwN

UX Design for Navigation Menu from @Prototypr
https://t.co/d3otgDaTMh

The Fastest Navigation Layout for a Three-Level Menu from @uxmovement
https://t.co/fNwZQzSFrb
Loaders.

Progress Indicators Make a Slow System Less Insufferable
https://t.co/jOmtMPQ8nU

Stop Using A Loading Spinner, There’s Something Better
https://t.co/0O0RBNyX0W

Best Practices For Animated Progress Indicators
https://t.co/lgLY2zJaPm
Forms.

Design Better Forms by @CoyleAndrew (Really good read! 😍)
https://t.co/xJWs2vhuJQ

Form Design: 13 Empirically Backed Best Practices by @iamalexbirkett
https://t.co/7ptPrcUQEq

The UX behind designing better forms by @charmiekapoor
https://t.co/nIV8MfUGLY
If you want to have it as a single list instead of a thread, check out Reddit's first comment:

https://t.co/PeZTG6YaP1
Let me add one more resource:

https://t.co/oFY580zWQd

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.

More from All

You May Also Like