Skip to main content

​
Introduction to Base UI

From the creators of Radix, Floating UI, and Material UI, Base UI is an unstyled React component library for building accessible user interfaces.

​
What is Base UI?

Base UI is a headless component library that gives you complete control over your application’s styling and accessibility. Unlike traditional component libraries that come with pre-defined styles, Base UI provides fully functional, accessible components without any CSS.

​
What does “unstyled” mean?

“Unstyled” means that Base UI components don’t include any default CSS styling. You bring your own styles using:
  • Tailwind CSS
  • CSS Modules
  • CSS-in-JS libraries (Emotion, styled-components, etc.)
  • Plain CSS
  • Any other styling solution you prefer
This approach gives you complete freedom over your design system without fighting against opinionated default styles.

​
What does “headless” mean?

“Headless” means the components handle all the complex functionality—like accessibility, keyboard navigation, focus management, and state—while leaving the visual presentation entirely up to you. You get the power of fully accessible components without being locked into a specific design.

​
Key Features

Headless & Unstyled

No bundled CSS. Complete control over your styling. Works with any CSS framework or methodology.

Accessible by Default

Adheres to WAI-ARIA design patterns. Tested on wide range of platforms, browsers, and screen readers.

Fully Composable

Direct access to each component node. Easily add, remove, or wrap parts to match your needs.

TypeScript Support

Built with TypeScript. Complete type definitions for all components and APIs.

Tree-Shakable

Only bundle the components you use. Optimized for minimal bundle size.

Framework Agnostic Styling

Use Tailwind, CSS Modules, CSS-in-JS, or any styling solution you prefer.

​
The Team

Base UI is built by a team of experts from the most popular UI libraries:

​
Component Library

Base UI provides a comprehensive set of accessible components including:
  • Form Controls: Button, Input, Checkbox, Radio, Select, Switch, Slider, Number Field
  • Navigation: Menu, Menubar, Navigation Menu, Tabs, Toolbar
  • Overlays: Dialog, Popover, Tooltip, Drawer, Alert Dialog, Context Menu
  • Feedback: Progress, Meter, Toast
  • Layout: Accordion, Collapsible, Separator, Scroll Area
  • Data Entry: Autocomplete, Combobox, Field, Fieldset, Form
  • Other: Avatar, Preview Card, Toggle, Toggle Group

​
Getting Started

Installation

Install Base UI and set up your project

Quick Start

Build your first component in minutes

Components

Explore all available components
Base UI is open source and MIT licensed. It’s built to be sustainable and community-driven.

​
Why Choose Base UI?

If you need:
  • Complete control over your design system
  • Accessible components out of the box
  • Freedom to use any styling solution
  • A library maintained by experts in UI development
  • TypeScript support with excellent type safety
Then Base UI is the perfect choice for your next project.

​
Browser & React Support

  • React Versions: React 17, 18, and 19
  • Browsers: All modern browsers with Baseline Widely Available features
  • TypeScript: Full TypeScript support with comprehensive type definitions