Skip to content
Get packs

Radix Primitives

Unstyled, accessible React UI components for building your own design system.radix-ui/primitives

GitHub Download source
Stars
19.5k
Forks
1.3k
Licence
MIT
Language
TypeScript
Last update
22 days ago
Type
Library

What it is

Radix Primitives is a collection of low-level user interface components, such as building blocks for menus, dialogs and similar controls. The README describes a focus on accessibility, customization and developer experience. Teams can use them as the base layer of a design system or adopt them one at a time.

  • Build a custom dropdown or dialog that meets accessibility expectations
  • Create the base layer of a company design system
  • Add accessible interactive controls to an existing web app one component at a time

Great for

  • Developers building a custom design system who want accessible base components
  • Teams adding accessible interactive widgets to an existing web app incrementally
  • React developers who want to control styling themselves

Not ideal for

  • People who want ready-made, styled components out of the box, since the README describes these as low-level primitives
  • Non-developers looking for a finished website or app builder
  • Projects that do not use React, since the topics and description point to React
Step-by-step guide: how to use Radix PrimitivesInstall, first run, examples, tips and FAQs
Radix Primitives alternativesHeadless UI vs Radix PrimitivesNaive UI vs Radix Primitivescmdk vs Radix Primitivesassistant-ui vs Radix PrimitivesEvergreen vs Radix PrimitivesBase UI vs Radix Primitives

How to get it

  1. 1

    Clone and build from source

    You'll need: Node.js · pnpm

    Install pnpm

    npm install -g pnpm

    Install dependencies

    pnpm install
  2. 2

    Run it

    • Clone the repository from GitHub
    • Install pnpm if you do not have it
    • Run pnpm install in the project folder
    • Read the documentation at radix-ui.com/primitives/docs to choose and use a component
  3. 3

    Get the most out of it

    • Read the full documentation at radix-ui.com/primitives/docs
    • Check the changelog at radix-ui.com/primitives/docs/overview/releases before upgrading
    • Follow the contributing guidelines if you plan to make changes
    • Ask questions and share tips on the community Discord

Downloads

Source code (.zip)main branch · straight from GitHubOfficial website & docsradix-ui.com/primitives

Strengths

  • Stated focus on accessibility, customization and developer experience
  • Can be adopted incrementally rather than all at once
  • Open source under the MIT License with a large community following (about 19,400 stars)

Trade-offs

  • Low-level by design, so you must add your own styling and layout work
  • The README is short and points to external docs for component details
  • No formal release is listed, so you need to check the changelog for versioning

How it compares

ProjectStarsTypeLevelUpdatedBest for
primitives (this)19.5kLibraryintermediate22 days agoDevelopers building a custom design system who want accessible base components
headlessui28.8kLibraryintermediate7 months agoReact or Vue developers building custom-designed interfaces
base-ui11.3kLibraryintermediate4 days agoReact developers who want accessible components without a fixed visual style
evergreen12.4kLibraryintermediate4 months agoReact developers building web applications who want prebuilt components
ui127kLibraryintermediate4 days agoDevelopers building React or Next.js interfaces who want full control over component code
ant-design100kLibraryintermediate4 days agoReact developers building admin dashboards or internal business tools

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.