Learn

UI Kits vocabulary

Name UI tools. 12 hand-written terms with real workplace examples.

Learn ui kits terms every day.

One hand-written term. A real workplace example. Thirty seconds before your day gets loud.

Component Library

A collection of pre-built UI elements like buttons, cards, and modals that you can install and use across your project. It gives your team a consistent starting point.

Design System

A set of shared rules, components, and visual styles that keep every part of a product looking and behaving consistently. It is the source of truth for the whole team.

shadcn

A collection of copy-paste UI components built on Radix and Tailwind. You own the source files in your project, so you can edit anything directly.

Ant Design

A React component library built by Alibaba for enterprise applications. It includes a full set of components with a consistent, data-dense visual language.

Radix UI

A library of unstyled, accessible React primitives. Radix handles keyboard navigation, ARIA roles, and focus management while you bring your own styles.

Tailwind CSS

A utility-first CSS framework where you style elements in your HTML or JSX using short class names like `flex`, `p-4`, and `text-sm`.

Primitive

A low-level, single-purpose UI building block with no styling opinions. Primitives are the raw pieces you compose into bigger, styled components.

Utility Class

A single CSS class that does exactly one thing, like `font-bold`, `mt-4`, or `flex`. You combine many utility classes to build a full style without writing custom CSS.

Variant

A named version of a component that looks or behaves differently, like a button that can be `primary`, `secondary`, or `destructive`. Variants live inside one component definition.

Dark Mode

A color theme where backgrounds are dark and text is light. It works best when all colors reference tokens or CSS variables, not hardcoded hex values.

Responsive Layout

A layout that adapts its structure for different screen sizes, from mobile to desktop, using breakpoints and flexible sizing rules.

Icon Set

A consistent collection of icons designed to work together visually. Using one icon set across a project keeps the visual language unified.

Building toward a role? Browse career pathways that map terms to jobs.