UI
@chakra-ui/checkbox
A React Checkbox component for use in forms
@chakra-ui/button
A React component that is a base button.
@chakra-ui/number-input
An accessible numeric input alternative to
@chakra-ui/visually-hidden
A React component that visually hides its content
@chakra-ui/focus-lock
React focus lock for all Chakra components
@chakra-ui/tooltip
A React Component for rendering dynamically positioned Tooltips
@chakra-ui/input
A React component for input text field
@chakra-ui/modal
An accessible dialog (modal) component for React & Chakra UI
@chakra-ui/css-reset
CSS reset component for Chakra UI
@chakra-ui/tabs
Accessible Tabs component for React and Chakra UI
@chakra-ui/popover
A React component to render that renders its content in a popover
@chakra-ui/accordion
A simple and accessible accordion component for React & Chakra UI
@chakra-ui/radio
A React component to render custom Radio input types
@chakra-ui/counter
A React hook for managing counters
@chakra-ui/textarea
Textarea React component for Chakra UI
@chakra-ui/image
React component for progressive image loading
@chakra-ui/provider
Theme and components agnostic ChakraProvider
@chakra-ui/tag
This component displays as a tag with an optional link and/or button to remove the given tag.
@chakra-ui/avatar
A React component used to show users avatar or initials
@chakra-ui/switch
A React component to view and switch between on or off states.
@chakra-ui/slider
Accessible slider component for React that implements
@chakra-ui/stat
A React component for displaying statistics
@chakra-ui/pin-input
A React component optimized for entering sequences of digits
@chakra-ui/skeleton
React component to render a placeholders while you wait for content to load
@chakra-ui/editable
React component used to build inline-editable components
@chakra-ui/table
Table component for React and Chakra UI
@chakra-ui/progress
Progress bar component for Chakra UI
@chakra-ui/breadcrumb
A React component used for navigation, with each item acting as a link
@chakra-ui/live-region
Aria live region for React components
@chakra-ui/control-box
Chakra UI ControlBox component
@chakra-ui/react-use-safe-layout-effect
A Quick description of the component
@radix-ui/colors
[](https://radix-ui.com/colors)
@chakra-ui/theme-utils
A Quick description of the component
@chakra-ui/object-utils
A Quick description of the component
@chakra-ui/react-context
A Quick description of the component
@chakra-ui/react-use-merge-refs
A Quick description of the component
@chakra-ui/react-use-callback-ref
A Quick description of the component
@chakra-ui/react-types
A Quick description of the component
@chakra-ui/react-use-controllable-state
A Quick description of the component
@chakra-ui/react-use-update-effect
A Quick description of the component
@chakra-ui/react-children-utils
A Quick description of the component
@chakra-ui/react-use-event-listener
A Quick description of the component
@chakra-ui/react-use-focus-effect
A Quick description of the component
@chakra-ui/react-use-animation-state
A Quick description of the component
@chakra-ui/breakpoint-utils
A Quick description of the component
@chakra-ui/react-use-disclosure
A Quick description of the component
@chakra-ui/react-use-outside-click
A Quick description of the component
@chakra-ui/lazy-utils
Utility functions for lazy loading disclosure elements