Base UI

Overview

Base UI is an unstyled React component library created by MUI in collaboration with the developers behind Floating UI and Radix. It delivers fully accessible, robust component logic without enforcing CSS-in-JS runtimes or predefined visual styling.

Key Features

• 100% Unstyled & Headless: Total visual freedom with plain CSS, Tailwind CSS, or CSS Modules.
• WAI-ARIA Compliant: Production-grade keyboard navigation, focus trapping, and screen-reader accessibility.
• Modular Imports: Tree-shakeable architecture designed for high-performance enterprise applications.
• Floating UI Integration: Built-in micro-positioning engine for tooltips, popovers, and dropdown menus.

Installation & Quick Start

npm install @base-ui-components/react

import { Switch } from '@base-ui-components/react/switch';

export default function Example() {
  return (
    <Switch.Root className="switch-root">
      <Switch.Thumb className="switch-thumb" />
    </Switch.Root>
  );
}

Why Choose Base UI?

• Best for: Teams building custom in-house design systems from scratch without carrying legacy CSS baggage.
• Not suitable for: Rapid prototyping where instant, pre-styled out-of-the-box UI themes are required.