How to design almost any UI element (list of ~58 articles of how to properly build elements in terms of UI and UX)

Buttons.

• 7 Basic Rules for Button Designby@101babich
• Button Design
• Cheatsheet for buttonsby@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 Switchby@uxplanet
• Toggle-Switch Guidelinesby@NNgroup
• Toggle design patternsfrom@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

Tables.

• Design better data tablesby@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

Sliders.

• UNBELIEVABLE article@smashingmagis a golden resource really.
• Slider design UI patterns and examplesfrom@just_in_mind
• Slider Design: Rules of Thumb from NNGroup

Tabs.

• Module Tabs in Web Design: Best Practices and Solutions
• 12 Tabs Design guidelines

Dropdowns

• UI cheat sheet: dropdown field (Like this one)
• Dropdowns: Design Guidelines
• Drop down list design: the complete guide

Pagination

• Paging, Scrolling, and Infinite Scrollby@uxmatters
• UX: Infinite Scrolling vs. Paginationby@101babich
• Users' Pagination Preferences and "View All"

Search inputs

• Best UX practices for search inputs
• Design a Perfect Search Box
• Site Search Suggestionsby@nngroup

Breadcrumbs.

• Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
• Are breadcrumbs still fresh for UX?
• Breadcrumb examples for inspiration

Carousels.

• 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

Modals.

• Best Practices for Designing UI Overlaysby@oliverlindberg
• Big, bold UXusing modal windows for in-app user engagementfrom@appcues
• Modal & Nonmodal Dialogs: When (& When Not) to Use Them
• Modal dialogs

Cards.

• Card UI design: fundamentals and examples
• Simple Design Tips for Crafting Better UI Cards
• Designing cards

Tooltips.

• Tooltip Guidelines
• Designing Better Tooltips For Mobile User Interfaces
• Tooltips: your secret weapon for improving feature discoveryby@sofiaqt

Navigation.

• Navigation design: Almost everything you need to know
• UX Design for Navigation Menufrom@Prototypr
• The Fastest Navigation Layout for a Three-Level Menufrom@uxmovement

Loaders.

• Progress Indicators Make a Slow System Less Insufferable
• Stop Using A Loading Spinner, Theres Something Better
• Best Practices For Animated Progress Indicators

Forms.

• Design Better Formsby@CoyleAndrew(Really good read!)
• Form Design: 13 Empirically Backed Best Practicesby@iamalexbirkett
• The UX behind designing better formsby@charmiekapoor

Source: https://twitter.com/vponamariov/status/1381584285300359169