Skip to content
Get packs

Base UI

Unstyled, accessible React UI components you style yourself.

GitHub Download v1.9.0
Stars
11.3k
Forks
593
Licence
MIT
Language
TypeScript
Last update
4 days ago
Type
Library

What it is

Base UI is a library of user interface components for React, such as the building blocks for menus, dialogs and similar controls. It handles structure, behavior and accessibility but ships with no visual styling, so developers can make the components match their own design. It is aimed at teams building their own design systems or web apps.

  • Build a custom dropdown or dialog that follows your own brand styles
  • Assemble a shared component set for a design system
  • Add accessible interactive controls to a React web app

Great for

  • React developers who want accessible components without a fixed visual style
  • Teams building a custom design system
  • Projects that already have their own CSS or styling approach

Not ideal for

  • People who want a ready-made look out of the box, since the components are unstyled and need styling work (the README describes them as unstyled)
  • Non-React projects, since the README describes a React component library
Step-by-step guide: how to use Base UIInstall, first run, examples, tips and FAQs
Base UI alternativesBase UI vs Headless UIBase UI vs Radix PrimitivesBase UI vs BootstrapVueBase UI vs HyperUIBase UI vs shadcn/ui

How to get it

  1. 1

    Install with a package manager

    You'll need: Node.js · React

    Clone the repository

    git clone https://github.com/mui/base-ui.git
  2. 2

    Run it

    • Read the quick start guide at base-ui.com/react/overview/quick-start
    • Install the package following the documentation
    • Import a component into a React project and render it
  3. 3

    Get the most out of it

    • Use the official documentation at base-ui.com for component APIs
    • Check the releases page for updates to the latest version (v1.9.0 at the time of this metadata)
    • Join the Discord for community questions and tips

Downloads

Source code (.zip)master branch · straight from GitHubRelease v1.9.0Release notes and sourceOfficial website & docsbase-ui.com

Strengths

  • Built by the team behind Radix, Floating UI and Material UI, per the README
  • Unstyled, so visual design stays fully under your control
  • Licensed under MIT

Trade-offs

  • Requires you to supply all styling yourself
  • Documentation and details live on an external site, so the README alone gives limited specifics
  • The README is truncated, so some details could not be verified

How it compares

ProjectStarsTypeLevelUpdatedBest for
base-ui (this)11.3kLibraryintermediate4 days agoReact developers who want accessible components without a fixed visual style
headlessui28.8kLibraryintermediate7 months agoReact or Vue developers building custom-designed interfaces
hyperui12.3kLibrarybeginner11 days agoDevelopers building marketing sites with Tailwind CSS
ui127kLibraryintermediate4 days agoDevelopers building React or Next.js interfaces who want full control over component code
bootstrap-vue14.4kLibraryintermediate7 months agoDevelopers maintaining an existing Vue 2 app that already uses BootstrapVue
material-ui99.3kLibraryintermediate4 days agoReact developers who want a consistent, prebuilt set of UI components

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.