UI Components & Patterns — UI Design Roadmap
The recurring building blocks that make up almost every interface
Steps in UI Components & Patterns
- Buttons & Form Elements — intermediate · Designing clear, accessible buttons, inputs, checkboxes and selects
- Navigation Patterns (Nav Bars, Tabs, Menus) — intermediate · Helping users understand where they are and how to move around
- Cards & Lists — intermediate · Structuring repeated content so it's scannable at a glance
- Modals & Overlays — intermediate · Interrupting the user's flow appropriately without frustrating them
- Onboarding Patterns — intermediate · Introducing new users to a product without overwhelming them
- Empty States & Error States — intermediate · Designing for the moments when there's nothing to show or something went wrong
- Common Mobile UI Patterns — intermediate · Patterns specific to touch interfaces: bottom sheets, swipe actions, pull-to-refresh
Part of
- UI Design roadmap — the full learning path