# Base UI > Base UI documentation and resources. Use this skill when working with Base UI or when the user mentions base ui. - Skill: `hk-vk/base-ui` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add hk-vk/base-ui` - Raw SKILL.md: https://api.skillmd.com/api/skills/hk-vk/base-ui/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Docs & Writing - Author: hk-vk (https://skillmd.com/u/hk-vk) - Updated: 2026-09-10 - Page: https://skillmd.com/skills/hk-vk/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