185 terms · 6 categories
Glossary
Every term comes with a plain-English definition, a wireframe, and a prompt you can copy straight into your AI.
Look-alike terms
23 sets of look-alike terms that are easy to mix up, side by side.
Interactions
How people interact with a page and how it responds, sorted A–Z.
A terms
B terms
C terms
D terms
- DebounceWhen an event fires over and over, hold off, and once it stops for a set time, run only the last one. Often used for search suggestions as you type.
- Disabled StateThe style of an element that can't be used right now. It usually looks faded, the cursor shows a "not allowed" sign, and clicking does nothing.
- Drag and DropPick something up and drop it into another area, like dragging a file into an upload box or moving a card to another column on a kanban board.
- Drag to ReorderPress and hold a list item, drag it to a new spot, and let go to change the order. Common for to-do items, menu setup, and photo order.
E terms
F terms
- Filter & SortFiltering narrows the data down by conditions, and sorting changes the order. The two often appear together above lists and tables.
- Focus StateThe style of an element that's selected and ready for input, like an input border getting darker when clicked, or an outline around a button when you press Tab.
- Form ValidationChecking that what the user entered meets the rules, like required fields, phone number format, or password length, and showing a specific message when it doesn't.
H terms
I terms
K terms
L terms
- Lazy LoadingImages, components, and other resources don't load up front. They load only when the user is about to scroll to them or actually needs them, which makes the first screen load faster.
- Loading StateFeedback shown while data or an action isn't finished yet. Common forms are spinners, skeleton screens, progress bars, and buttons in a loading state.
M terms
O terms
P terms
S terms
T terms
- ThrottleWhen an event fires over and over, run it at a fixed interval, like at most once every 200ms. Used for high-frequency events like scrolling and dragging.
- TransitionWhen an element changes state, its color, position, size, and other properties change smoothly over a short time instead of jumping instantly.