Skip to content

BaseUI

Headless, unstyled React components for building accessible, highly customizable interfaces with full control over styles.

Library of headless, unstyled React components that provide full control over markup and CSS while delivering strong accessibility defaults and ARIA-compliant behavior.

Designed as composable primitives with a slots-based API, components are tree‑shakeable, TypeScript-ready, and work with any styling approach including Tailwind, CSS Modules, CSS-in-JS, or plain CSS.

Covers a wide set of UI patterns and primitives such as Accordion, Alert Dialog, Avatar, Checkbox and Checkbox Group, Collapsible, Context Menu, Dialog, Field and Fieldset, Form, Input, Menu and Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle and Toggle Group, Toolbar, Tooltip, plus utilities like Direction Provider and useRender.

Popup components use React Portals and recommend creating an isolated stacking context to avoid z-index conflicts, helping overlays always appear above page content. Documentation includes examples for assembling components, composing parts, and integrating with different styling systems.

Open-source under the MIT license with active releases, roadmap, and accessibility-focused guidance. Documentation pages can be viewed as Markdown and include LLM-friendly resources for easier code exploration and integration.

Features

  • Headless, unstyled React components
  • Accessible by default with ARIA-compliant behavior
  • Composable, slots-based API
  • Tree-shakeable ESM builds
  • TypeScript typings
  • Works with Tailwind, CSS Modules, CSS-in-JS, or plain CSS
  • React Portals for popups and overlays
  • Guidance for stacking context isolation to avoid z-index issues
  • Controlled and uncontrolled usage patterns
  • Broad component coverage (menus, dialogs, popovers, tabs, selects, sliders, etc.)
  • SSR-friendly and framework-agnostic
  • Open-source MIT license
  • Documentation available as Markdown with LLM helpers

Related Items

This open-source UI solution enables the creation of sophisticated design systems using customizable components that can be adapted to fit various visual styles and accessibility standards.

GitHub Stars
3.9K
Updated at
Dec 6, 2024
License
MIT License

This product offers a robust set of tools for building user interfaces in React, focusing on flexibility and adherence to design standards.

GitHub Stars
94.2K
Updated at
Dec 6, 2024
License
MIT License

An unofficial Vue port that offers customizable and accessible UI components for building design systems.

GitHub Stars
3.8K
Updated at
Dec 6, 2024
License
MIT License

A rich set of open source UI components tailored for building Vue.js applications seamlessly and efficiently.

GitHub Stars
11.0K
Updated at
Dec 6, 2024
License
MIT License

Unstyled, accessible, open source React primitives for high-quality web apps and design systems.

GitHub Stars
16.0K
Updated at
Dec 6, 2024
License
MIT License

An unstyled drawer component tailored for seamless integration in React applications, enhancing user interactions on mobile devices.

GitHub Stars
6.5K
Updated at
Dec 6, 2024
License
MIT License

Create accessible web applications quickly and efficiently with a robust set of essential components that are easy to use and highly customizable.

GitHub Stars
38.1K
Updated at
Dec 6, 2024
License
MIT License

This component serves as a comprehensive command menu solution for React, focusing on both user experience and developer flexibility.

GitHub Stars
10.0K
Updated at
Dec 6, 2024
License
MIT License

About KickstartUI

KickstartUI is your ultimate destination for discovering the best UI frameworks, libraries, and build tools. We meticulously curate top-notch resources to empower developers in bringing their UI ideas to life. Whether you're building a responsive web app, crafting a mobile interface, or designing an interactive prototype, our platform offers the essential tools to accelerate your projects and enhance user experiences. Explore our extensive collection to stay ahead of the latest trends, unlock new possibilities, and elevate your UI designs. Ready to kickstart your next project? Dive into our featured resources or search for specific tools tailored to your needs.