Choose the Right Pattern
Comparison guides for common product decisions, from overlays and search to loading and data display.
1 min read
Use the guides when the question is not how to build a pattern, but which pattern fits the product situation in front of you.
Pattern Guides
Choosing Input Types
A comprehensive guide to selecting the right input type for your forms.
Input Selection Guide
Learn how to choose between different input components based on your use case.
Modal vs Popover vs Tooltip
Choose the right overlay pattern based on attention level and interaction complexity.
Pagination vs Infinite Scroll
Compare pagination and infinite scroll patterns for content loading.
Pagination vs Infinite Scroll vs Load More
Choose the right content loading pattern for search, feeds, and browse-heavy interfaces.
Load More vs Show More vs View More
Choose the right button label for loading batches, expanding content, or linking to a larger collection.
Search Field vs Command Palette
Decide between visible search and a keyboard-first command surface.
Tooltip vs Popover
Decide whether a lightweight hint or a contextual interactive panel fits the job.
Modal vs Drawer
Choose between an interruptive dialog and a contextual side panel.
Table vs List vs Cards
Choose the right pattern for displaying collections of data.
How is this guide?