UI Component Showcase

25 Radix UI primitives — performance benchmark page

Section 1

Navigation & Menus

NavigationMenu, Menubar, DropdownMenu, ContextMenu

NavigationMenu

Menubar

DropdownMenu

ContextMenu

Right-click here
Section 2

Overlays & Dialogs

Dialog, AlertDialog, Popover

Dialog

AlertDialog

Popover

Section 3

Disclosure & Content

Accordion, Collapsible, Tabs

Accordion

Yes. It adheres to the WAI-ARIA design pattern for accordions.

Collapsible

@radix-ui/primitives
@radix-ui/react-accordion

Tabs

Account Settings

Section 4

Form Controls

Checkbox, RadioGroup, Select, Switch, Slider, Label

Checkbox

RadioGroup

Select

Switch

Label

Slider

Volume50%
Price Range$25 – $75
Quality (step: 20)60%
Section 5

Data Display & Feedback

Avatar, Progress, HoverCard

Avatar

HoverCard

@radix_ui

Progress

Upload15%
Processing45%
Complete100%
Animated0%
Section 6

Toolbar & Toggle

Toolbar, Toggle, ToggleGroup

Toolbar

Toggle

ToggleGroup

Single selection

Multiple selection

Section 7

Utility

Toast, Tooltip, ScrollArea

Toast

    Tooltip

    ScrollArea

    Vertical

    Tags

    v1.0.0
    v1.1.0
    v1.2.0
    v1.3.0
    v1.4.0
    v1.5.0
    v1.6.0
    v1.7.0
    v1.8.0
    v1.9.0
    v1.10.0
    v1.11.0
    v1.12.0
    v1.13.0
    v1.14.0
    v1.15.0
    v1.16.0
    v1.17.0
    v1.18.0
    v1.19.0
    v1.20.0
    v1.21.0
    v1.22.0
    v1.23.0
    v1.24.0
    v1.25.0
    v1.26.0
    v1.27.0
    v1.28.0
    v1.29.0
    v1.30.0
    v1.31.0
    v1.32.0
    v1.33.0
    v1.34.0
    v1.35.0
    v1.36.0
    v1.37.0
    v1.38.0
    v1.39.0
    v1.40.0
    v1.41.0
    v1.42.0
    v1.43.0
    v1.44.0
    v1.45.0
    v1.46.0
    v1.47.0
    v1.48.0
    v1.49.0

    Horizontal