Semantic heading component for titling content sections with a configurable type scale, weight, and HTML element mapping. Radix UI Heading docs

General-purpose text component for rendering body copy with fine-grained control over size, weight, color, and semantic HTML element. Radix UI Text docs

Styled block-level quotation element for highlighting excerpts or referenced text with typographic emphasis. Radix UI Blockquote docs

Inline code snippet component for displaying technical terms, variable names, or short code fragments within body text. Radix UI Code docs

Keyboard input element for visually representing individual keys or key combinations, useful for documenting shortcuts. Radix UI Kbd docs

Accessible anchor element for navigation and inline references with configurable underline behavior, weight, and color. Radix UI Link docs

Primary interactive element for triggering actions, submitting forms, or navigating — available in multiple variants and sizes. Radix UI Button docs

Compact button variant optimized for displaying a single icon without a text label, ideal for toolbars and inline actions. Radix UI Icon Button docs

Form control that allows users to toggle a single boolean option on or off, with support for controlled and indeterminate states. Radix UI Checkbox docs

Group of mutually exclusive radio options allowing the user to select exactly one value from a predefined set. Radix UI Radio Group docs

Dropdown selection control that lets users pick a single value from a collapsible list of options. Radix UI Select docs

Horizontal set of toggle buttons for switching between multiple related views or values within a single context. Radix UI Segmented Control docs

Range input control for selecting a numeric value by dragging a thumb along a track. Radix UI Slider docs

Toggle switch for binary on/off settings, providing a more visual alternative to a checkbox for preference-style controls. Radix UI Switch docs

Multi-line text input for longer-form content such as comments, descriptions, or notes. Radix UI Text Area docs

Single-line text input for collecting short-form data like names, emails, or search queries, with optional slot elements. Radix UI Text Field docs

Visual representation of a user or entity, displaying a profile image, initials, or a fallback icon at various sizes. Radix UI Avatar docs

Compact label element for categorizing items, indicating status, or highlighting metadata with color-coded variants. Radix UI Badge docs

Prominent message block for drawing attention to important information, tips, warnings, or contextual notices. Radix UI Callout docs

Versatile container component for grouping related content and actions into a visually distinct, elevated surface. Radix UI Card docs

Structured list of labeled key-value pairs for presenting metadata, details, or summary information in a scannable format. Radix UI Data List docs

Horizontal bar indicator that communicates the completion status of a process or task to the user. Radix UI Progress docs

Thin line that visually or semantically divides content into distinct sections, available in horizontal and vertical orientations. Radix UI Separator docs

Animated loading indicator that signals ongoing background activity, usable standalone or embedded within buttons. Radix UI Spinner docs

Semantic HTML table component for presenting structured, tabular data with built-in header, body, and row support. Radix UI Table docs

Custom-styled, cross-browser scrollable container that augments native scrolling with themed scrollbar visuals. Radix UI Scroll Area docs

Modal confirmation overlay that interrupts the user workflow and requires an explicit response before proceeding. Radix UI Alert Dialog docs

Right-click or long-press menu presenting contextual actions anchored to the pointer position. Radix UI Context Menu docs

Modal window overlay for focused tasks such as forms, confirmations, or detail views displayed above the main content. Radix UI Dialog docs

Button-triggered floating menu for exposing a set of actions, supporting sub-menus, separators, and destructive items. Radix UI Dropdown Menu docs

Floating preview card that appears on hover, letting sighted users peek at content behind a link without navigating away. Radix UI Hover Card docs

Floating panel anchored to a trigger element for displaying rich, interactive content like forms or detail previews. Radix UI Popover docs

Tabbed interface for organizing content into panels, where only one panel is visible at a time. Radix UI Tabs docs

Navigation bar styled as tabs, where each tab is a link for routing between different pages or sections. Radix UI Tab Nav docs

Small floating label that appears on hover or focus, providing supplementary context about a control without cluttering the UI. Radix UI Tooltip docs