NameThatUI — What Is This UI Element Called?

NewestStepsAvatar GroupMulti-select What’s this UI element called? The visual dictionary of UI. Describe the thing in your own sloppy words; you get the real name, the API symbol, and a paste-ready prompt for your coding agent. Nothing matched that description Try what it looks like or where it sits — “the dots under the slideshow”, “the bar that stays when I scroll”. newCan’t name the look either? Try Name That Vibe Double-press any word on the site for a plain-English definition. The numbered circles across the top of a checkout or wizard, one per stage Overlapping profile circles with a ring between them and a +N at the end One control holding several values: the checkbox dropdown, the chip field, and the two-pane transfer list The On this page list whose current link follows what you're reading Inline Alert vs. Callout vs. Bannerweb <Alert severity="warning"> Three in-page notices named by where they sit, and none of them is a toast autocomplete="current-password" The login form's nameable parts — the eye, the OR line, and the Continue-with buttons <nav aria-label="pagination"> The numbered page buttons under a list — and the dot version, the page control The little calendar that pops up on a date field — and the highlighted stripe of a range animation-timeline: scroll() Layers that scroll at different speeds — the background lags and depth appears aria-roledescription="carousel" A strip of slides you page through with arrows or the little dots Site Header vs. Navigation Barweb The whole top strip is the header; the row of page links inside it is the nav The rectangle with media, title, body, and a footer — every part has a name The export button is hard to find… Resize Handle (Size Grip)web The three diagonal lines in a text box's corner that you drag to make it bigger Insertion Caret (Insertion Point)macos NSTextView.insertionPointColor The blinking line inside text that marks where the next character will appear Hamburger Menu (Nav Drawer)web aria-expanded + aria-controls The three-line button and the navigation panel it slides open display: grid + grid-column: span 2 One grid, mixed tile sizes — a layout packed like a bento box Masonry Layout (Pinterest Grid)web Cards of different heights packed into columns with no row gaps Easing (Timing Function)web transition-timing-function The speed curve of an animation — why motion feels smooth or robotic…