radix-ui/

primitives

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

Stars

18.9k

Forks

1.2k

Watchers

18.9k

Open issues

813

TypeScriptMIT main Updated 3 months ago~9 stars/day lifetime

Open on GitHub Homepage

Editor's take

The accessibility primitives shadcn/ui is built on. If shadcn is too opinionated drop down one level and use these directly. WAI-ARIA compliant out of the box, unstyled so you bring your own design. ~18k stars and maintained by WorkOS. Pairs well with Tailwind for custom design systems.

Use this if

You are building a custom design system and need accessible primitives without imposed styling.

Skip if

You want ready-to-ship styled components — use shadcn/ui or Material UI instead.

UI Components

README — rendered from radix-ui/primitives

Radix Primitives

An open-source UI component library for building high-quality, accessible design systems and web apps.

Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

Installation

First, install pnpm if you haven't already. Open your terminal and run:

npm install -g pnpm

Then, install the dependencies:

pnpm install

Documentation

For full documentation, visit radix-ui.com/primitives/docs.

Releases

For changelog, visit radix-ui.com/primitives/docs/overview/releases.

Contributing

Please follow our contributing guidelines.

Community

Discord - To get involved with the Radix community, ask questions and share tips.
Twitter - To receive updates, announcements, blog posts, and general Radix tips.

Thanks

Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions.