React Examples

Base UI

Base UI is a new component library built with @floating-ui/react, developed by one of its authors. It offers a set of pre-built components, including Tooltip, Popover, Menu, Select, Dialog, Combobox, and Autocomplete.

• Base UI Tooltip
• Base UI Popover
• Base UI Menu
• Base UI Menubar
• Base UI Context Menu
• Base UI Navigation Menu
• Base UI Select
• Base UI Combobox
• Base UI Autocomplete
• Base UI Dialog
• Base UI Preview Card
• Base UI Alert Dialog
• Base UI Toast

These are highly polished, production-ready components.

Raw Floating UI

Base UI covers most components you’ll need, but you can also build fully custom floating components with @floating-ui/react directly. The following guides can help you get started:

• Tooltip guide
• Popover guide
• Dialog guide

CodeSandbox Examples

More advanced examples are available via a CodeSandbox demo. These are experimental examples that aren’t fully polished and may require further refinement for production use.

• Dropdown Menu (including submenus)
• Context Menu
• Select
• Select with Composable Children
• Virtualized Select
• Autocomplete (combobox)
• Emoji picker
• Text selection