https://namethatui.com The visual dictionary of UI terms: see it, name it, and prompt with it. en Wed, 15 Jul 2026 16:00:00 GMT https://namethatui.com/styles/flat-design https://namethatui.com/styles/flat-design Wed, 15 Jul 2026 16:00:00 GMT “everything is just solid colors with no shadows” — that's Flat Design. Solid 2D color fills and simple glyph icons — no gloss, no bevels, no simulated depth. https://namethatui.com/styles/minimalism https://namethatui.com/styles/minimalism Wed, 15 Jul 2026 16:00:00 GMT “the page with almost nothing on it” — that's Minimalism. Strip the interface to only what earns its place — negative space, few elements, dramatic type. https://namethatui.com/styles/claymorphism https://namethatui.com/styles/claymorphism Wed, 15 Jul 2026 16:00:00 GMT “puffy 3d buttons that look like play-doh” — that's Claymorphism. Puffy, inflated 3D controls that look molded from soft clay — big radii, pastel colors, floating objects. https://namethatui.com/styles/vernacular-web https://namethatui.com/styles/vernacular-web Wed, 15 Jul 2026 16:00:00 GMT “the old geocities page with sparkly gifs” — that's Vernacular Web. The homemade GeoCities-era personal page — starry tiled backgrounds, sparkle GIFs, a visitor counter, an under-construction sign. https://namethatui.com/styles/aqua https://namethatui.com/styles/aqua Wed, 15 Jul 2026 16:00:00 GMT “the old mac buttons that looked like blue candy” — that's Aqua. Early Mac OS X's candy-gel language — luminous blue gel buttons, pinstripes, gumdrop window controls, a pulsing default button. https://namethatui.com/styles/windows-aero https://namethatui.com/styles/windows-aero Wed, 15 Jul 2026 16:00:00 GMT “the see-through window borders in windows 7” — that's Windows Aero. Vista and Windows 7's glass language — transparent blurred window frames, specular sweeps, luminous gradients, glowing controls. https://namethatui.com/styles/skeuomorphism https://namethatui.com/styles/skeuomorphism Tue, 14 Jul 2026 13:20:00 GMT “the app looks like a real leather notebook” — that's Skeuomorphism. UI that imitates real-world materials and objects — leather, paper, glass, stitched edges. https://namethatui.com/styles/neumorphism https://namethatui.com/styles/neumorphism Tue, 14 Jul 2026 13:20:00 GMT “soft buttons pushed out of the background” — that's Neumorphism. Controls softly extruded from — or pressed into — one continuous matte surface. https://namethatui.com/styles/glassmorphism https://namethatui.com/styles/glassmorphism Tue, 14 Jul 2026 13:20:00 GMT “frosted cards over colorful wallpaper” — that's Glassmorphism. Frosted translucent panels floating over a vivid backdrop that blurs through. https://namethatui.com/styles/liquid-glass https://namethatui.com/styles/liquid-glass Tue, 14 Jul 2026 13:20:00 GMT “the new apple design where buttons look like water drops” — that's Liquid Glass. Apple's adaptive glass material for the control layer floating above content. https://namethatui.com/styles/web-brutalism https://namethatui.com/styles/web-brutalism Tue, 14 Jul 2026 13:20:00 GMT “ugly raw html website” — that's Web Brutalism. Raw browser defaults as the design — bare HTML structure, system type, honest utility. https://namethatui.com/styles/neobrutalism https://namethatui.com/styles/neobrutalism Tue, 14 Jul 2026 13:20:00 GMT “bright blocks with black outlines and hard shadows” — that's Neobrutalism. Saturated color blocks, thick black outlines, and hard offset shadows — a designed loudness. https://namethatui.com/styles/y2k https://namethatui.com/styles/y2k Tue, 14 Jul 2026 13:20:00 GMT “chrome bubblegum millennium interface” — that's Y2K Digital Aesthetic. Chrome, gel buttons, and iridescent cyber-optimism from the millennium turn. https://namethatui.com/styles/frutiger-aero https://namethatui.com/styles/frutiger-aero Tue, 14 Jul 2026 13:20:00 GMT “glossy grass bubbles old windows future” — that's Frutiger Aero. Glossy eco-tech optimism — skies, water, grass, and bubbles behind clean humanist UI. https://namethatui.com/web/text-scramble https://namethatui.com/web/text-scramble Tue, 14 Jul 2026 11:16:55 GMT “the text that shuffles random letters until it spells the word” — that's a text scramble (decode effect). Random characters churn and settle into the real text. https://namethatui.com/web/spring https://namethatui.com/web/spring Tue, 14 Jul 2026 11:16:42 GMT “the bouncy animation that goes past and comes back” — that's a spring animation. Physics-based motion that overshoots the target and settles. https://namethatui.com/web/easing https://namethatui.com/web/easing Tue, 14 Jul 2026 11:16:30 GMT “the animation feels robotic and linear” — that's a easing (timing function). The speed curve of an animation — why motion feels smooth or robotic. https://namethatui.com/web/masonry https://namethatui.com/web/masonry Tue, 14 Jul 2026 10:59:14 GMT “the pinterest style grid where every card is a different height” — that's a masonry layout (pinterest grid). Cards of different heights packed into columns with no row gaps. https://namethatui.com/web/bento-grid https://namethatui.com/web/bento-grid Tue, 14 Jul 2026 10:59:02 GMT “several boxes in a grid bento” — that's a bento grid. One grid, mixed tile sizes — a layout packed like a bento box. https://namethatui.com/web/hamburger-menu https://namethatui.com/web/hamburger-menu Mon, 13 Jul 2026 18:16:46 GMT “the three horizontal lines used to open a menu” — that's a hamburger menu (nav drawer). The three-line button and the navigation panel it slides open. https://namethatui.com/web/lightbox https://namethatui.com/web/lightbox Mon, 13 Jul 2026 00:17:39 GMT “when you click a photo and it opens big with a dark background” — that's a lightbox. The click-to-enlarge image overlay that dims the page behind it. https://namethatui.com/web/marquee https://namethatui.com/web/marquee Mon, 13 Jul 2026 00:17:39 GMT “the logos that scroll sideways by themselves” — that's a marquee. Content that auto-scrolls sideways in an endless loop. https://namethatui.com/macos/pointer https://namethatui.com/macos/pointer Sun, 12 Jul 2026 10:49:07 GMT “the text cursor with little bits at the top and bottom” — that's a pointer (cursor). Every shape the mouse pointer takes — and the real name of each one. https://namethatui.com/macos/alert https://namethatui.com/macos/alert Sun, 12 Jul 2026 10:49:07 GMT “the popup with the app icon and a yellow warning triangle” — that's a alert. The small centered window with a badged icon, a bold line, and Cancel/OK buttons. https://namethatui.com/macos/slider https://namethatui.com/macos/slider Sun, 12 Jul 2026 10:49:07 GMT “the dot you drag left and right to change a value” — that's a slider. The round knob you drag along a track to pick a value from a range. https://namethatui.com/macos/color-well https://namethatui.com/macos/color-well Sun, 12 Jul 2026 10:49:07 GMT “the small rectangle showing the current color” — that's a color well. The little swatch button that shows the current color and opens the picker. https://namethatui.com/web/form-field https://namethatui.com/web/form-field Sun, 12 Jul 2026 10:49:07 GMT “the gray text inside the box that disappears when you type” — that's a form field. Every part of a labeled input — label, placeholder, helper text, and the red error line. https://namethatui.com/web/truncation https://namethatui.com/web/truncation Sun, 12 Jul 2026 10:49:07 GMT “the text gets cut off with three dots” — that's a truncation (ellipsis & line clamp). Text cut short with … — at the end of the line, after N lines, or in the middle. https://namethatui.com/web/drag-and-drop https://namethatui.com/web/drag-and-drop Fri, 10 Jul 2026 22:12:24 GMT “those kind of a 3x3 or 2x2” — that's a drag & drop. The grips, handles, previews, and landing cues around a drag interaction. https://namethatui.com/web/divider https://namethatui.com/web/divider Fri, 10 Jul 2026 22:12:24 GMT “between those line breaks” — that's a divider vs. separator vs. rule. The same thin line can mark a topic break, separate controls, or be decoration. https://namethatui.com/web/progress-indicators https://namethatui.com/web/progress-indicators Fri, 10 Jul 2026 22:12:24 GMT “that circle for the countdown, that circle that gets filled up” — that's a progress ring vs. spinner vs. progress bar. A spinner means wait; a ring or bar can show how much work is complete. https://namethatui.com/macos/window https://namethatui.com/macos/window Fri, 10 Jul 2026 21:10:08 GMT “the whole mac app box on screen” — that's a mac window. The movable Mac app frame, from its title bar and toolbar to its resize edges. https://namethatui.com/macos/split-view https://namethatui.com/macos/split-view Fri, 10 Jul 2026 21:10:08 GMT “the window divided into two resizable panels” — that's a split view. Resizable panes separated by a draggable divider inside a Mac window. https://namethatui.com/macos/scroll-view https://namethatui.com/macos/scroll-view Fri, 10 Jul 2026 21:10:08 GMT “the area you can scroll inside” — that's a scroll view (scroller). A viewport whose AppKit scrollbar is called a scroller. https://namethatui.com/macos/search-field https://namethatui.com/macos/search-field Fri, 10 Jul 2026 21:10:08 GMT “the rounded box with a magnifying glass” — that's a search field. A Mac text field with built-in search, clearing, and recent-query controls. https://namethatui.com/macos/save-panel https://namethatui.com/macos/save-panel Fri, 10 Jul 2026 21:10:08 GMT “the mac save as window” — that's a save panel. The standard Mac dialog for naming a file and choosing where to save it. https://namethatui.com/macos/token-field https://namethatui.com/macos/token-field Fri, 10 Jul 2026 21:10:08 GMT “the text field with removable pills inside it” — that's a token field. A text input that turns recognized values into removable rounded tokens. https://namethatui.com/macos/combo-button https://namethatui.com/macos/combo-button Fri, 10 Jul 2026 21:10:08 GMT “the button with a separate little arrow attached” — that's a combo button. A primary action joined to a separate arrow that opens related actions. https://namethatui.com/macos/level-indicator https://namethatui.com/macos/level-indicator Fri, 10 Jul 2026 21:10:08 GMT “the row of stars for a rating” — that's a level indicator. A Mac gauge rendered as a capacity bar, rating stars, or relevance meter. https://namethatui.com/macos/column-view https://namethatui.com/macos/column-view Fri, 10 Jul 2026 21:10:08 GMT “the finder columns thing” — that's a column view (browser). Finder-style columns that reveal each successive level of a hierarchy. https://namethatui.com/macos/outline-view https://namethatui.com/macos/outline-view Fri, 10 Jul 2026 21:10:08 GMT “the indented list with little expand arrows” — that's a outline view. An indented tree of rows that expand to reveal nested children. https://namethatui.com/web/three-dots https://namethatui.com/web/three-dots Fri, 10 Jul 2026 21:10:08 GMT “the three dots menu” — that's a the three dots (overflow menu). Horizontal dots, vertical dots, three lines, and an ellipsis mean different things. https://namethatui.com/macos/menu-bar https://namethatui.com/macos/menu-bar Fri, 10 Jul 2026 19:49:35 GMT “the bar at the top of the mac screen” — that's a menu bar. The strip along the top of the Mac screen — every part, labeled. https://namethatui.com/macos/context-menu https://namethatui.com/macos/context-menu Fri, 10 Jul 2026 19:21:48 GMT “the menu that appears when you right click” — that's a context menu. The menu opened at the pointer by right-clicking or Control-clicking an item. https://namethatui.com/macos/disclosure-triangle https://namethatui.com/macos/disclosure-triangle Fri, 10 Jul 2026 19:21:48 GMT “the tiny triangle that opens a folder row” — that's a disclosure triangle. The small rotating control that reveals or hides nested content. https://namethatui.com/macos/dock-badge https://namethatui.com/macos/dock-badge Fri, 10 Jul 2026 19:21:48 GMT “the red number bubble on a dock icon” — that's a dock badge. The red count or status label overlaid on an app's Dock icon. https://namethatui.com/macos/focus-ring https://namethatui.com/macos/focus-ring Fri, 10 Jul 2026 19:21:48 GMT “the blue glow around the selected control” — that's a focus ring. The accent-colored glow that identifies the control receiving keyboard input. https://namethatui.com/macos/inspector https://namethatui.com/macos/inspector Fri, 10 Jul 2026 19:21:48 GMT “the properties panel on the right side” — that's a inspector. The right-hand panel for viewing and editing details of the current selection. https://namethatui.com/macos/panel https://namethatui.com/macos/panel Fri, 10 Jul 2026 19:21:48 GMT “small utility window that stays above the main window” — that's a panel (floating window / hud). An auxiliary macOS window that floats above related document windows. https://namethatui.com/macos/popover https://namethatui.com/macos/popover Fri, 10 Jul 2026 19:21:48 GMT “the little floating bubble with an arrow” — that's a popover. A floating bubble whose arrow points back to the control that opened it. https://namethatui.com/macos/popup-pulldown-combo https://namethatui.com/macos/popup-pulldown-combo Fri, 10 Jul 2026 19:21:48 GMT “the dropdown that shows the currently selected option” — that's a pop-up button vs. pull-down button vs. combo box. Three similar-looking macOS controls for choosing a value or invoking a menu action. https://namethatui.com/macos/segmented-control https://namethatui.com/macos/segmented-control Fri, 10 Jul 2026 19:21:48 GMT “the connected row of buttons where one stays selected” — that's a segmented control. A row of connected choices with the current segment visibly selected. https://namethatui.com/macos/sheet https://namethatui.com/macos/sheet Fri, 10 Jul 2026 19:21:48 GMT “dialog that slides down from the window title bar” — that's a sheet. A modal panel attached to one macOS window rather than the whole app. https://namethatui.com/macos/sidebar https://namethatui.com/macos/sidebar Fri, 10 Jul 2026 19:21:48 GMT “the translucent list down the left side of a mac app” — that's a sidebar (source list). The translucent navigation column along the left edge of a macOS window. https://namethatui.com/macos/stepper https://namethatui.com/macos/stepper Fri, 10 Jul 2026 19:21:48 GMT “the tiny up and down arrows beside a number field” — that's a stepper. The compact up-and-down arrow pair used to increment or decrement a value. https://namethatui.com/macos/toolbar https://namethatui.com/macos/toolbar Fri, 10 Jul 2026 19:21:48 GMT “the row of buttons across the top of a mac window” — that's a toolbar (unified title bar). A row of window actions integrated with the modern macOS title bar. https://namethatui.com/macos/traffic-lights https://namethatui.com/macos/traffic-lights Fri, 10 Jul 2026 19:21:48 GMT “the three colored dots in the corner of a mac window” — that's a traffic lights (window controls). The red, yellow, and green controls at the top-left of a macOS window. https://namethatui.com/macos/vibrancy https://namethatui.com/macos/vibrancy Fri, 10 Jul 2026 19:21:48 GMT “the frosted glass background behind a mac sidebar” — that's a visual effect material (vibrancy). The adaptive translucent background used behind macOS sidebars, menus, and panels. https://namethatui.com/web/toast https://namethatui.com/web/toast Fri, 10 Jul 2026 19:21:48 GMT “the little message that pops up in the corner” — that's a toast (snackbar). A brief, non-blocking message that appears after an action. https://namethatui.com/web/dialog-drawer-sheet https://namethatui.com/web/dialog-drawer-sheet Fri, 10 Jul 2026 19:21:48 GMT “the popup in the middle that blocks the page” — that's a modal dialog vs. drawer vs. sheet. Three overlay patterns distinguished by placement, scope, and task depth. https://namethatui.com/web/popover-dropdown-tooltip https://namethatui.com/web/popover-dropdown-tooltip Fri, 10 Jul 2026 19:21:48 GMT “the little box attached to a button” — that's a popover vs. dropdown menu vs. tooltip. Three anchored overlays with different triggers, content, and dismissal rules. https://namethatui.com/web/scrim https://namethatui.com/web/scrim Fri, 10 Jul 2026 19:21:48 GMT “the dark see-through layer behind a popup” — that's a scrim (backdrop / overlay). The translucent layer that separates a modal surface from the page. https://namethatui.com/web/skeleton-spinner https://namethatui.com/web/skeleton-spinner Fri, 10 Jul 2026 19:21:48 GMT “the grey shapes while content loads” — that's a skeleton vs. spinner. Two loading indicators for predictable layouts and indeterminate waits. https://namethatui.com/web/combobox https://namethatui.com/web/combobox Fri, 10 Jul 2026 19:21:48 GMT “the input that suggests options as you type” — that's a combobox (autocomplete / typeahead). A text input paired with a filtered list of selectable suggestions. https://namethatui.com/web/command-palette https://namethatui.com/web/command-palette Fri, 10 Jul 2026 19:21:48 GMT “the command k menu” — that's a command palette. A keyboard-first searchable launcher for actions and navigation. https://namethatui.com/web/accordion https://namethatui.com/web/accordion Fri, 10 Jul 2026 19:21:48 GMT “the list where rows open to show more” — that's a accordion (disclosure). Stacked sections whose headings expand and collapse their content. https://namethatui.com/web/tabs https://namethatui.com/web/tabs Fri, 10 Jul 2026 19:21:48 GMT “the row of labels that switches the panel below” — that's a tabs. A single row of labels that switches one shared content region. https://namethatui.com/web/badge-chip-pill https://namethatui.com/web/badge-chip-pill Fri, 10 Jul 2026 19:21:48 GMT “the little number bubble on an icon” — that's a badge vs. chip vs. pill vs. tag. Compact labels distinguished by meaning, shape, and interactivity. https://namethatui.com/web/breadcrumbs https://namethatui.com/web/breadcrumbs Fri, 10 Jul 2026 19:21:48 GMT “the home slash section slash current page links” — that's a breadcrumbs. A hierarchy trail from the current page back to its ancestors. https://namethatui.com/web/sticky-fixed https://namethatui.com/web/sticky-fixed Fri, 10 Jul 2026 19:21:48 GMT “the header that stays while the panel scrolls” — that's a sticky vs. fixed positioning. Two ways to keep an element visible with different containing blocks. https://namethatui.com/web/focus-ring-web https://namethatui.com/web/focus-ring-web Fri, 10 Jul 2026 19:21:48 GMT “the outline around a button after pressing tab” — that's a focus ring (:focus-visible). The keyboard-aware outline that identifies the active control. https://namethatui.com/web/empty-state https://namethatui.com/web/empty-state Fri, 10 Jul 2026 19:21:48 GMT “the screen shown when there is nothing here” — that's a empty state. Purposeful guidance shown when a view has no content yet. https://namethatui.com/web/hover-card https://namethatui.com/web/hover-card Fri, 10 Jul 2026 19:21:48 GMT “the profile preview when you hover a username” — that's a hover card. A rich, non-modal preview revealed from a hovered or focused reference. https://namethatui.com/web/switch-checkbox-radio https://namethatui.com/web/switch-checkbox-radio Fri, 10 Jul 2026 19:21:48 GMT “the on off sliding control” — that's a switch vs. checkbox vs. radio. Controls for an on/off setting, independent choices, or one choice from a group. https://namethatui.com/web/toggle-group https://namethatui.com/web/toggle-group Fri, 10 Jul 2026 19:21:48 GMT “the connected row of buttons where one stays selected” — that's a toggle group (segmented control). A connected row of compact options with one persistent selection. https://namethatui.com/macos/menu-bar-extra https://namethatui.com/macos/menu-bar-extra Fri, 10 Jul 2026 18:50:08 GMT “the icon in the top right of the mac menu bar” — that's a menu bar extra (status item). The icon that lives on the right side of the macOS menu bar.