uivocab.com
UI Vocab
Plain-English definitions of every common website UI element — with live demos and copy-paste code for vibe coders.
Browse by category
Start with a family of patterns, then open each element page.
3 entries so far
- NavigationMenus, links, and wayfinding patterns that help users move through a site.1 entry
- FormsInputs, selects, and controls for collecting user information.0 entries
- ButtonsClickable actions, CTAs, and interactive triggers.0 entries
- FeedbackAlerts, toasts, loaders, and other status indicators.0 entries
- MediaImages, video, galleries, and visual presentation patterns.0 entries
- LayoutPage structure patterns like heroes, sections, grids, and cards.2 entries
- OverlaysModals, drawers, popovers, and layered UI surfaces.0 entries
- Data DisplayTables, lists, badges, and patterns for showing information.0 entries
Latest entries
- AccordionAn accordion is a stacked list of sections where each header expands or collapses its own panel of content. Only one or …
- Hamburger MenuA hamburger menu is a button made of three stacked horizontal lines that opens a hidden navigation panel. It keeps prima…
- Hero SectionA hero section is the large, first-screen block at the top of a landing page. It usually pairs a bold headline with a sh…