Ui Glossary

Browse 75 ui terms defined in plain English, from the cultural dictionary of computing.

75 Ui Terms

Browser Tab
A separate viewing context within a browser window that holds its own page state, navigation history, and runtime environment. Browser tabs matter in web...
Calendar
A structured representation or interface for dates, events, schedules, and time-based interactions. In software development, calendars often involve recurring...
Card Layout
A visual arrangement that presents content in separate card-like containers, each holding related information or actions. Card layouts are common in...
Change Detection
The mechanism by which a framework or system determines that some state has changed and dependent work such as re-rendering, recomputation, synchronization, or...
Chart
A visual representation of data such as a line graph, bar chart, area chart, or pie chart used to communicate patterns, comparisons, or trends. In software...
Checkbox
A form control that represents a boolean on/off choice, typically allowing the user to select or clear an option independently of other controls. Checkboxes...
Child Component
A component rendered inside another component and treated as part of its composition tree. Child components often receive data, callbacks, or context from...
Chip
A compact UI element used to display a labeled item such as a tag, filter, selection, or status, often with optional close or toggle behavior. Chips are common...
Clickjacking
An attack where a malicious site loads a target site in a transparent iframe positioned over a decoy UI, tricking users into clicking buttons on the hidden...
Color Mode
A UI mode that changes the application's color palette, commonly to support light mode, dark mode, or system-synced themes. Implementing color mode well...
Color Scheme
The coordinated set of colors used in an interface or visual system, including backgrounds, text, accents, and semantic states. In development work, a color...
Component
A self-contained, reusable piece of UI that manages its own rendering and state. In frameworks like React, Vue, and Angular, components are the fundamental...
Component Framework
A framework organized around reusable components as the main unit of composition, state handling, and rendering. Component frameworks provide lifecycle rules,...
Component Library
A curated, documented collection of reusable UI components — buttons, modals, form inputs, data tables — built in code, tested, versioned, and published as a...
Component Pattern
A recurring design approach for building or composing components, such as container/presentational split, compound components, controlled inputs, or render...
Component Style
The visual styling rules and state-specific presentation applied to a component, including layout, colors, spacing, and interaction states. Component style can...
Component Template
A reusable markup or structural template used as the basis for rendering a component's view. Component templates separate declarative structure from imperative...
Component Test
A test that exercises a single component in relative isolation, often verifying rendering, props handling, state changes, and user interactions without...
Component Tree
The hierarchical structure showing how components are nested and related within an application. Component trees help developers understand rendering...
Custom Renderer
A rendering implementation that converts an abstract representation into a specific output target using logic tailored to that target. Custom renderers are...
Custom Widget
A reusable interface element built specifically for a product's needs rather than taken directly from a standard component library. Custom widgets often...
Dark Mode
Dark Mode is a display setting that uses light-colored text, icons, and interface elements on a dark background, inverting the traditional light-mode design of...
Dark Mode Slang
Informal language and jokes around dark mode preferences, culture, and identity in software products and developer tooling. In engineering slang, dark mode...
Design System
A comprehensive collection of reusable UI components, design tokens, patterns, and guidelines — backed by code — that ensures visual and functional consistency...
Draw
To render visual output to a screen, canvas, or buffer. In graphics programming, a draw call is an instruction from the CPU to the GPU to render a set of...
Escape Key
The `Esc` key, used to cancel actions, exit modes, dismiss dialogs, or back out of interfaces. In developer culture it also carries strong associations with...
Event
A signal that something has occurred in a system — a user click, a message arrival, a state change. Event-driven architectures decouple producers from...
Eye Candy
Visual polish or flashy design elements that look attractive, sometimes with and sometimes without real functional value. In engineering slang, eye candy can...
Focus Trap
A technique that constrains keyboard focus within a modal dialog or overlay, preventing Tab from reaching elements behind it. Essential for accessibility —...
Glitch
A small, often visible malfunction or irregular behavior in software, hardware, or media output. The word implies something odd and noticeable, but not always...
GNOME
A major open-source desktop environment and application ecosystem for Linux and related systems.
GUI
A GUI is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier to...
Hotkey
A keyboard shortcut that triggers a command directly without navigating through menus or clicking. Power users rely on hotkeys to reduce friction and stay in...
Input Map
A configuration that maps physical input events (key presses, mouse clicks, gamepad buttons) to logical actions in a game or application, decoupling hardware...
Jetpack Compose
Google's modern declarative UI toolkit for Android, built with Kotlin. Replaces the traditional XML layout system with composable functions that describe UI as...
KDE Plasma
A feature-rich open-source desktop environment for Linux and related systems, known for extensive customization.
Keystroke
A single key press entered on a keyboard. Engineers talk about keystrokes when discussing editor efficiency, shortcuts, accessibility, or logging input...
Landscape Mode
A display orientation in which the screen width exceeds its height, as opposed to portrait mode. On mobile devices, landscape is triggered by rotating the...
Main Thread
The initial thread of execution created when a process starts, which typically owns the event loop, handles UI rendering, and is the only thread allowed to...
Masonry Layout
A layout algorithm where items of varying heights are packed into columns such that each new item is placed in the shortest column, creating a staggered grid...
Modal
A UI overlay dialog that appears on top of the current view and blocks interaction with the content behind it until the user dismisses it or completes the...
Motion Design
The discipline of designing animations and transitions within a user interface — including easing curves, duration, choreography, and spatial relationships —...
Mystery Meat Navigation
Navigation whose labels or icons are so unclear that users have to guess what they do. In engineering slang, the phrase is a critique of design choices that...
Navigation
The system of routes, links, and transitions that enables users to move between views or screens in an application — encompassing URL-based routing in web apps...
Pixel Hunter
Someone obsessively focused on tiny visual details, spacing, and alignment. In engineering slang, pixel hunters can raise quality dramatically or burn time...
Portainer
A management interface for containers, Docker, and Kubernetes environments aimed at simplifying operations through a web UI.
Radix UI
A library of unstyled, accessible React UI primitives designed to be the foundation for custom design systems. Radix provides the complex behavior and...
React
React is a JavaScript library for building user interfaces, created by Facebook (now Meta) and open-sourced in 2013. It introduced a component-based...
Reactive State
Application state that is tracked by a reactivity system so that any UI component or computation reading it is automatically re-executed when the state...
Render
To compute and produce a visual output — whether generating HTML/DOM elements from component state in a web framework, rasterizing 3D geometry into pixels in a...
Render Cycle
One complete pass through a UI framework's rendering process — typically triggered by a state change, encompassing the evaluation of component functions or...
Renderer
A software component responsible for converting an abstract representation (scene graph, virtual DOM, markup template) into visual output on a specific target...
Rendering
The process of generating a visual output — such as pixels on screen, HTML markup, or a 3D scene — from underlying data, templates, or scene descriptions.
Rubber Banding
Rubber Banding in software and gaming refers to an effect where movement or progress appears to snap back to a previous position, as if attached to an elastic...
Rubber Banding (UI)
The bouncy overscroll effect on iOS where content stretches beyond its boundary and springs back. Patented by Apple and religiously copied (or legally avoided)...
Scrollbar
A UI control along the edge of a scrollable area that indicates the current viewport position within the total content and allows users to navigate by dragging...
shadcn/ui
A collection of reusable React components that are copied directly into your project rather than installed as a dependency. Created by shadcn (real name not...
Shapes
Geometric primitives — rectangles, circles, paths, polygons — used in 2D graphics APIs, UI frameworks, and vector drawing to compose visual elements...
Shimmer Effect
A loading placeholder animation — popularized by Facebook — that displays gray shapes mirroring the expected content layout with a sweeping gradient highlight...
Slot
A placeholder in a component template where parent components can inject custom content, enabling flexible composition patterns in frameworks like Vue, Svelte,...
Snapshot Testing
A testing technique that captures the output of a component or function and compares it against a stored reference ('snapshot'). If the output changes...
Space Invader
A visual element or component that appears where it does not belong and disrupts the layout. In engineering slang, it can also refer to a rogue process or...
Splash Page Slang
Informal talk for a prominent introductory screen, landing view, or announcement page. In engineering slang, splash pages are often where branding ambition and...
Storybook
An open-source tool for developing and showcasing UI components in isolation, outside of the main application. Each 'story' renders a component in a specific...
Table View
A scrollable UI component that displays data in a single-column list of rows, optionally grouped into sections — most associated with UITableView in iOS/UIKit,...
Theme
A centralized set of design tokens — colors, typography, spacing, border radii — that can be swapped to change the entire look of an application without...
Toast
A small, non-blocking notification that appears briefly at the edge of the screen (typically bottom or top-right) to inform the user of an event — such as a...
Toggle
A switch that alternates between two states (on/off, enabled/disabled). In UI it's a visual switch control; in backend systems, a feature toggle (or feature...
Touch Event
A DOM event (touchstart, touchmove, touchend, touchcancel) fired when a user interacts with a touchscreen, providing a list of Touch objects each with...
Treemap
A visualization technique that represents hierarchical data as nested rectangles, where each rectangle's area is proportional to a quantitative value. Commonly...
v0
An AI-powered UI generation tool by Vercel that creates React components from text descriptions or screenshots. Users describe the interface they want in...
Visual Regression Test
An automated test that captures screenshots of a UI component or page and compares them pixel-by-pixel (or perceptually) against approved baseline images to...
Widget
A reusable UI element — button, text field, slider, dropdown — that encapsulates both appearance and behavior. In Flutter, everything is a widget; in desktop...
Window Manager
An X11 or Wayland client that controls the placement, sizing, stacking, and decoration of application windows on a desktop. Ranges from full desktop...
WYSIWYG
Short for 'what you see is what you get,' describing editors where the on-screen formatting closely matches the final output. The term is common in content,...

Related Topics