Skip to content
don’t make it ugly
All resources

Component libraryComponents

Base UI

Unstyled React components from the people behind Radix, Material UI and Floating UI.

Open sourceFree
Preview of Base UI

What it is

Base UI is a newer library of headless React components built by maintainers from Radix, MUI and Floating UI. It covers the same territory as Radix Primitives (dialogs, menus, selects, sliders) with a more consistent API and a focus on composition. You bring the styling.

Why it’s here

A serious alternative to Radix for new projects. The API is cleaner in places and the team has a long track record. Worth considering if you're starting fresh rather than adopting shadcn/ui wholesale.

Best for

  • custom-styled components
  • design-system foundations
  • accessible interactions

Can my agent use this?

Agent excellent agent friendliness

Yes. Public docs with full examples, public source, and an npm package. Point your agent at the component docs page you want to use.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • npm

Install

npm install @base-ui-components/react

  • React Aria
    Preview of React Aria

    React Aria

    Adobe's accessibility-first hooks and components for React.

    Component libraryFreeOpen sourceexcellent agent friendliness
  • Ark UI
    Preview of Ark UI

    Ark UI

    Headless components that work the same in React, Vue, Svelte and Solid.

    Component libraryFreeOpen sourceexcellent agent friendliness
  • Aceternity UI
    Preview of Aceternity UI

    Aceternity UI

    Showy, copy-paste React components for landing pages that need a moment.

    Component librarygood agent friendliness
  • Magic UI
    Preview of Magic UI

    Magic UI

    Animated React components and effects for landing pages, built to sit alongside shadcn/ui.

    Component libraryOpen sourceexcellent agent friendliness