> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/mui/base-ui/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction to Base UI

> Base UI is an unstyled React component library for building accessible user interfaces with complete control over styling.

# 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

<CardGroup cols={2}>
  <Card title="Headless & Unstyled" icon="paintbrush">
    No bundled CSS. Complete control over your styling. Works with any CSS framework or methodology.
  </Card>

  <Card title="Accessible by Default" icon="universal-access">
    Adheres to WAI-ARIA design patterns. Tested on wide range of platforms, browsers, and screen readers.
  </Card>

  <Card title="Fully Composable" icon="cube">
    Direct access to each component node. Easily add, remove, or wrap parts to match your needs.
  </Card>

  <Card title="TypeScript Support" icon="code">
    Built with TypeScript. Complete type definitions for all components and APIs.
  </Card>

  <Card title="Tree-Shakable" icon="tree">
    Only bundle the components you use. Optimized for minimal bundle size.
  </Card>

  <Card title="Framework Agnostic Styling" icon="palette">
    Use Tailwind, CSS Modules, CSS-in-JS, or any styling solution you prefer.
  </Card>
</CardGroup>

## The Team

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

* **Colm Tuite** (Radix) - [@colmtuite](https://x.com/colmtuite)
* **James Nelson** (Floating UI) - [@atomiksdev](https://x.com/atomiksdev)
* **Michał Dudak** (Material UI) - [@michaldudak](https://x.com/michaldudak)
* **Marija Najdova** (Material UI + Fluent UI) - [@marijanajdova](https://x.com/marijanajdova)
* **Albert Yu** (Material UI) - [@mj12albert](https://github.com/mj12albert)
* **Lukas Tyla** (Material UI) - [@LukasTy](https://github.com/LukasTy)

## 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

<CardGroup cols={3}>
  <Card title="Installation" icon="download" href="/installation">
    Install Base UI and set up your project
  </Card>

  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Build your first component in minutes
  </Card>

  <Card title="Components" icon="grid" href="/components/button">
    Explore all available components
  </Card>
</CardGroup>

<Note>
  Base UI is open source and MIT licensed. It's built to be sustainable and community-driven.
</Note>

## 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](https://web.dev/baseline) features
* **TypeScript**: Full TypeScript support with comprehensive type definitions