Repolode
Submit
radix-ui

radix-ui/primitives

An open-source set of unstyled, accessible React UI primitives for building design systems and web apps.

View on GitHubWebsite
Stars
19,415
Forks
1,277
Open issues
240
Last commit
7 days ago

What is it?

Radix Primitives is a low-level UI component library for React, focused on accessibility, customization and developer experience. It provides foundational components such as dialogs, popovers, menus, tabs and form controls that handle complex behavior like focus management and keyboard navigation.

The components are designed to serve as the base layer of a design system. Developers can apply their own styling, or adopt the primitives incrementally into an existing codebase rather than replacing everything at once.

The project is a TypeScript monorepo managed with pnpm. Documentation, release notes and contribution guidelines are maintained on the project's website and in its repository.

Key features

  • 01Accessible components that handle focus management and keyboard navigation.
  • 02Unstyled building blocks, so visual design is fully customizable.
  • 03Can be adopted incrementally alongside an existing React codebase.
  • 04Written in TypeScript for React projects.

Use cases

  • Building a custom design system on top of accessible base components.
  • Adding dialogs, menus or popovers to a React web app without writing focus logic from scratch.
  • Incrementally modernizing the UI layer of an existing React application.

Quick start

  1. 1

    Install pnpm globally

    npm install -g pnpm
  2. 2

    Install the project dependencies

    pnpm install

Things to know

  • The README covers only setup for contributing to the monorepo; using individual packages is documented on the external docs site.

Topics

#react#ui-components#accessibility#design-system#typescript#headless-ui#colors#component-library#design-systems#radix-ui

FAQ

What is primitives?
An open-source set of unstyled, accessible React UI primitives for building design systems and web apps. Radix Primitives is a low-level UI component library for React, focused on accessibility, customization and developer experience. It provides foundational components such as dialogs, popovers, menus, tabs and form controls that handle complex behavior like focus management and keyboard navigation.
Is primitives free to use? What license does it have?
primitives is open source under the MIT license. Check the license terms before using it in commercial products.
Is primitives still maintained?
Actively maintained. The last commit to primitives was on Oct 14, 2026.
What can I use primitives for?
Building a custom design system on top of accessible base components. Adding dialogs, menus or popovers to a React web app without writing focus logic from scratch. Incrementally modernizing the UI layer of an existing React application.
How do I install primitives?
Install pnpm globally: npm install -g pnpm Install the project dependencies: pnpm install
Where can I get primitives?
The source code and installation instructions are on GitHub: https://github.com/radix-ui/primitives

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects