Base UI

Base UI

Available Resources

Overview

• Quick start: A quick guide to getting started with Base UI.

  • URL: https://base-ui.com/react/overview/quick-start.md

• Accessibility: Learn how to make the most of Base UI's accessibility features and guidelines.

  • URL: https://base-ui.com/react/overview/accessibility.md

• Releases: Changelogs for each Base UI release.

  • URL: https://base-ui.com/react/overview/releases.md

• About Base UI: An overview of Base UI, providing information on its history, team, and goals.

  • URL: https://base-ui.com/react/overview/about.md

• v1.0.0: v1.0.0 release notes. Dec 11, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0.md

• v1.0.0-alpha.4: v1.0.0-alpha.4 release notes. Dec 17, 2024.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-alpha-4.md

• v1.0.0-alpha.5: v1.0.0-alpha.5 release notes. Jan 10, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-alpha-5.md

• v1.0.0-alpha.6: v1.0.0-alpha.6 release notes. Feb 6, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-alpha-6.md

• v1.0.0-alpha.7: v1.0.0-alpha.7 release notes. Mar 20, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-alpha-7.md

• v1.0.0-alpha.8: v1.0.0-alpha.8 release notes. Apr 17, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-alpha-8.md

• v1.0.0-beta.0: v1.0.0-beta.0 release notes. May 29, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-beta-0.md

• v1.0.0-beta.1: v1.0.0-beta.1 release notes. Jul 1, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-beta-1.md

• v1.0.0-beta.2: v1.0.0-beta.2 release notes. Jul 30, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-beta-2.md

• v1.0.0-beta.3: v1.0.0-beta.3 release notes. Sep 3, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-beta-3.md

• v1.0.0-beta.4: v1.0.0-beta.4 release notes. Oct 1, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-beta-4.md

• v1.0.0-beta.5: v1.0.0-beta.5 release notes. Nov 17, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-beta-5.md

• v1.0.0-beta.6: v1.0.0-beta.6 release notes. Nov 17, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-beta-6.md

• v1.0.0-beta.7: v1.0.0-beta.7 release notes. Nov 27, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-beta-7.md

• v1.0.0-rc.0: v1.0.0-rc.0 release notes. Dec 4, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-rc-0.md

• v1.0.0-rc.1: v1.0.0-rc.1 release notes. Dec 11, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-rc-1.md

• v1.0.0-rc.2: v1.0.0-rc.2 release notes. Dec 11, 2025.

  • URL: https://base-ui.com/react/overview/releases/v1-0-0-rc-2.md

• v1.1.0: v1.1.0 release notes. Jan 15, 2026.

  • URL: https://base-ui.com/react/overview/releases/v1-1-0.md

• v1.2.0: v1.2.0 release notes. Feb 12, 2026.

  • URL: https://base-ui.com/react/overview/releases/v1-2-0.md

Handbook

• Styling: Learn how to style Base UI components with your preferred styling engine.

  • URL: https://base-ui.com/react/handbook/styling.md

• Animation: A guide to animating Base UI components.

  • URL: https://base-ui.com/react/handbook/animation.md

• Composition: A guide to composing Base UI components with your own React components.

  • URL: https://base-ui.com/react/handbook/composition.md

• Customization: A guide to customizing the behavior of Base UI components.

  • URL: https://base-ui.com/react/handbook/customization.md

• Forms: A guide to building forms with Base UI components.

  • URL: https://base-ui.com/react/handbook/forms.md

• TypeScript: A guide to using TypeScript with Base UI.

  • URL: https://base-ui.com/react/handbook/typescript.md

Components

• Accordion: A high-quality, unstyled React accordion component that displays a set of collapsible panels with headings.

  • URL: https://base-ui.com/react/components/accordion.md

• Alert Dialog: A high-quality, unstyled React alert dialog component that requires a user response to proceed.

  • URL: https://base-ui.com/react/components/alert-dialog.md

• Autocomplete: A high-quality, unstyled React autocomplete component that renders an input with a list of filtered options.

  • URL: https://base-ui.com/react/components/autocomplete.md

• Avatar: A high-quality, unstyled React avatar component that is easy to customize.

  • URL: https://base-ui.com/react/components/avatar.md

• Button: A high-quality, unstyled React button component that can be rendered as another tag or focusable when disabled.

  • URL: https://base-ui.com/react/components/button.md

• Checkbox: A high-quality, unstyled React checkbox component that is easy to customize.

  • URL: https://base-ui.com/react/components/checkbox.md

• Checkbox Group: A high-quality, unstyled React checkbox group component that provides a shared state for a series of checkboxes.

  • URL: https://base-ui.com/react/components/checkbox-group.md

• Collapsible: A high-quality, unstyled React collapsible component that displays a panel controlled by a button.

  • URL: https://base-ui.com/react/components/collapsible.md

• Combobox: A high-quality, unstyled React combobox component that renders an input combined with a list of predefined items to select.

  • URL: https://base-ui.com/react/components/combobox.md

• Context Menu: A high-quality, unstyled React context menu component that appears at the pointer on right click or long press.

  • URL: https://base-ui.com/react/components/context-menu.md

• Dialog: A high-quality, unstyled React dialog component that opens on top of the entire page.

  • URL: https://base-ui.com/react/components/dialog.md

• Drawer: A high-quality, unstyled React drawer component with swipe-to-dismiss gestures.

  • URL: https://base-ui.com/react/components/drawer.md

• Field: A high-quality, unstyled React field component that provides labeling and validation for form controls.

  • URL: https://base-ui.com/react/components/field.md

• Fieldset: A high-quality, unstyled React fieldset component with an easily stylable legend.

  • URL: https://base-ui.com/react/components/fieldset.md

• Form: A high-quality, unstyled React form component with consolidated error handling.

  • URL: https://base-ui.com/react/components/form.md

• Input: A high-quality, unstyled React input component.

  • URL: https://base-ui.com/react/components/input.md

• Menu: A high-quality, unstyled React menu component that displays list of actions in a dropdown, enhanced with keyboard navigation.

  • URL: https://base-ui.com/react/components/menu.md

• Menubar: A menu bar providing commands and options for your application.

  • URL: https://base-ui.com/react/components/menubar.md

• Meter: A high-quality, unstyled React meter component that provides a graphical display of a numeric value.

  • URL: https://base-ui.com/react/components/meter.md

• Navigation Menu: A high-quality, unstyled React navigation menu component that displays a collection of links and menus for website navigation.

  • URL: https://base-ui.com/react/components/navigation-menu.md

• Number Field: A high-quality, unstyled React number field component with increment and decrement buttons, and a scrub area.

  • URL: https://base-ui.com/react/components/number-field.md

• Popover: A high-quality, unstyled React popover component that displays an accessible popup anchored to a button.

  • URL: https://base-ui.com/react/components/popover.md

• Preview Card: A high-quality, unstyled React preview card component that appears when a link is hovered, showing a preview for sighted users.

  • URL: https://base-ui.com/react/components/preview-card.md

• Progress: A high-quality, unstyled React progress bar component that displays the status of a task that takes a long time.

  • URL: https://base-ui.com/react/components/progress.md

• Radio: A high-quality, unstyled React radio button component that is easy to style.

  • URL: https://base-ui.com/react/components/radio.md

• Scroll Area: A high-quality, unstyled React scroll area that provides a native scroll container with custom scrollbars.

  • URL: https://base-ui.com/react/components/scroll-area.md

• Select: A high-quality, unstyled React select component for choosing a predefined value in a dropdown menu.

  • URL: https://base-ui.com/react/components/select.md

• Separator: A high-quality, unstyled React separator component that is accessible to screen readers.

  • URL: https://base-ui.com/react/components/separator.md

• Slider: A high-quality, unstyled React slider component that works like a range input and is easy to style.

  • URL: https://base-ui.com/react/components/slider.md

• Switch: A high-quality, unstyled React switch component that indicates whether a setting is on or off.

  • URL: https://base-ui.com/react/components/switch.md

• Tabs: A high-quality, unstyled React tabs component for toggling between related panels on the same page.

  • URL: https://base-ui.com/react/components/tabs.md

• Toast: A high-quality, unstyled React toast component to generate notifications.

  • URL: https://base-ui.com/react/components/toast.md

• Toggle: A high-quality, unstyled React toggle component that displays a two-state button that can be on or off.

  • URL: https://base-ui.com/react/components/toggle.md

• Toggle Group: A high-quality, unstyled React toggle group component that provides shared state to a series of toggle buttons.

  • URL: https://base-ui.com/react/components/toggle-group.md

• Toolbar: A high-quality, unstyled React toolbar component that groups a set of buttons and controls.

  • URL: https://base-ui.com/react/components/toolbar.md

• Tooltip: A high-quality, unstyled React tooltip component that appears when an element is hovered or focused, showing a hint for sighted users.

  • URL: https://base-ui.com/react/components/tooltip.md

Utilities

• CSP Provider: A CSP provider component that applies a nonce to inline and tags rendered by Base UI components, and can disable inline elements.

  • URL: https://base-ui.com/react/utils/csp-provider.md

• Direction Provider: A direction provider component that enables RTL behavior for Base UI components.

  • URL: https://base-ui.com/react/utils/direction-provider.md

• mergeProps: A utility to merge multiple sets of React props, handling event handlers, className, and style props intelligently.

  • URL: https://base-ui.com/react/utils/merge-props.md

• useRender: Hook for enabling a render prop in custom components.

  • URL: https://base-ui.com/react/utils/use-render.md

How to Use This Skill

Reference these resources when working with Base UI.