UI Pattern Catalog

28 curated UI patterns — names, definitions, and specimens.

• Segmented control — NAV #048
• Tab bar — NAV #047
• Breadcrumb — NAV #049
• Pagination — NAV #050
• Hamburger menu — NAV #051
• Toggle switch — INPUT #046
• Search field — INPUT #045
• Stepper — INPUT #043
• Checkbox — INPUT #052
• Radio group — INPUT #053
• Slider — INPUT #054
• Date picker — INPUT #055
• Filter chips — INPUT #056
• Floating action button — ACTION #057
• Button group — ACTION #058
• Bottom sheet — OVERLAY #044
• Modal dialog — OVERLAY #059
• Action sheet — OVERLAY #060
• Tooltip — OVERLAY #061
• Toast — FEEDBACK #062
• Progress bar — FEEDBACK #063
• Skeleton screen — FEEDBACK #064
• Empty state — FEEDBACK #065
• Badge — FEEDBACK #066
• Card — CONTENT #067
• Carousel — CONTENT #068
• Accordion — CONTENT #069
• Data table — DATA #070