base-ui-react

# Base UI React **Status**: Release Candidate (v1.0.0-rc.0) ⚠️ | **Last Verified**: 2026-08-03 --- ## What Is Base UI? MUI's unstyled, accessible React component library: - 27+ accessible components - Render props pattern - Full styling control - Floating UI integration - Alternative to Radix UI **Release Candidate status:** v1.0.0-rc.0 (stable v1.0 GA expected soon — still pre-GA, API may change) --- ## Quick Start ### Install ```bash bun add @base-ui-components/react ``` ### Basic Dialog ```typescript import * as Dialog from '@base-ui-components/react/dialog'; export function MyDialog() { return ( <Dialog.Root> <Dialog.Trigger>Open</Dialog.Trigger> <Dialog.Portal> <Dialog.Backdrop /> <Dialog.Popup> <Dialog.Title>Title</Dialog.Title> <Dialog.Description>Content</Dialog.Description> <Dialog.Close>Close</Dialog.Close> </Dialog.Popup> </Dialog.Portal> </Dialog.Root> ); } ``` ### Basic Select ```typescript import * as Select from '@base-ui-components/react/select'; <Select.Root> <Select.Trigger> <Select.Value placeholder="Select" /> </Select.Trigger> <Select.Portal> <Select.Positioner> <Select.Popup> <Select.Option value="1">Option 1</Select.Option> <Select.Option value="2">Option 2</Select.Option> </Select.Popup> </Select.Positioner> </Select.Portal> </Select.Root> ``` **Load `references/setup-guide.md` for complete examples.** ---...