Radix UI

Unstyled, accessible primitives

Visit site

Component LibrariesOpen sourceReact

Live site

Open

radix-ui.com

Preview Radix UI inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Behaviour without opinions. Focus management, keyboard navigation, portalling and ARIA wiring are handled; every pixel is yours. If a component library feels correct with a screen reader, there is a good chance Radix is underneath.

Get started

terminal

npm i @radix-ui/react-dialog

Related in Libraries

View all

shadcn/ui

ui.shadcn.com

Copy-paste components you actually own

LibrariesOpen sourceReactTailwind

by shadcn@shadcn

MUI

mui.com

Material Design, fully batteries-included

LibrariesFreemiumReactEmotion

by MUI@MUI_hq

DaisyUI

daisyui.com

Tailwind component classes, no JS required

LibrariesOpen sourceTailwind

by Pouya Saadeghi@Saadeghi