Skip to Content

Build faster with Premium Chakra UI Components 💎

Learn more
Sponsor
  • Getting Started
  • Styled System
  • Components
  • Hooks
  • Figma
  • Community
  • Playground

Layout

Aspect Ratio
Box
Center
Container
Flex
Grid
SimpleGrid
Stack
Wrap

Forms

Button
Checkbox
Editable
Form Control
Icon Button
Input
Number Input
Pin Input
Radio
Range Slider
Select
Slider
Switch
Textarea

Data Display

Badge
Card
Code
Divider
Kbd
List
Stat
Table
Tag

Feedback

Alert
Circular Progress
Progress
Skeleton
Spinner
Toast

Typography

Text
Heading
Highlight

Overlay

Alert Dialog
Drawer
Menu
Modal
Popover
Tooltip

Disclosure

Accordion
Tabs
Visually Hidden

Navigation

Breadcrumb
Link
LinkOverlay
SkipNav
StepperNew

Media and icons

Avatar
Icon
Image

Other

Close Button
Portal
Show / Hide
Transitions

Components

Chakra UI provides prebuilt components to help you build your projects faster. Here is an overview of the component categories:

  • Disclosure

    Accordion

    Tabs

    Visually Hidden

  • Feedback

    Alert

    Circular Progress

    Progress

    Skeleton

    Spinner

    Toast

  • Overlay

    Alert Dialog

    Drawer

    Menu

    Modal

    Popover

    Tooltip

  • Media and icons

    Avatar

    Icon

    Image

  • Data display

    Badge

    Card

    Code

    Divider

    Keyboard Key

    List

    Stat

    Table

    Tag

  • Navigation

    Breadcrumb

    Link

    Link Overlay

    Skip Nav

    Stepper

  • Form

    Button

    Checkbox

    Editable

    Form Control

    Icon Button

    Input

    Number Input

    Pin Input

    Radio

    Range Slider

    Select

    Slider

    Switch

    Textarea

  • Other

    Close Button

    Portal

    Show / Hide

    Transitions

  • Typography

    Heading

    Highlight

    Text

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel

On this page

  1. Disclosure
  2. Feedback
  3. Overlay
  4. Media and icons
  5. Data display
  6. Navigation
  7. Form
  8. Other
  9. Typography
Convert Figma Designs to Chakra UI code