Easy to mix up

Comparisons

Short side-by-side explanations for patterns that look or sound similar.

Modal vs Popup

A modal is a focused dialog that blocks the page, while popup is a loose everyday word for many temporary overlays.

Tabs vs Accordion

Tabs switch between sibling views, while an accordion expands and collapses sections on the same page.

Checkbox vs Toggle

A checkbox marks a choice, while a toggle switches a setting on or off, usually immediately.

Search Bar vs Text Input

A search bar finds matching content, while a text input collects typed information.

Pagination vs Infinite Scroll

Pagination creates stable result pages, while infinite scroll keeps adding items as someone moves down the page.

Filtering vs Sorting

Filtering changes which items are shown, while sorting changes the order of the same shown items.

Empty State vs Error Message

An empty state explains that there is no content, while an error message explains that something failed.

Validation vs Validation Error

Validation is the checking behavior, while a validation error is the feedback shown when that check fails.

Toast Message vs Modal

A toast message gives brief nonblocking feedback, while a modal interrupts the page for a focused task.

Table vs Card

A table compares structured values in rows and columns, while a card groups one item's content in a contained block.

Uploading vs Downloading

Uploading sends a file into an app, while downloading saves a file from an app to a device.