Select any Chakra UI component

Generate any Chakra UI component using AI to build apps and websites

Accordion Action

Accordion Detail

Accordion Group

Accordion Summary

Account Overview

Account Setting

Adapters Locale

Animated Area Chart

Animated Line Chart

Autocomplete Listbox

Autocomplete Loading

Autocomplete Option

Backdrop Unstyled

Bottom Navigation

Bottom Navigation Action

Bottom Status Bar

button unstyled

Calendar Picker

Card Action Area

Card With Dropdown

Card With Input

Card With Search

Chart Container

Chart On Axis Click Handler

Charts Area Element

Charts Axis Highlight

Charts Bar Element

Charts Bar Label

Charts Bar Series Type

Charts Charts Axis Highlight

Charts Line Element

Charts Mark Element

Charts Reference Line

Charts Zoom And Pan

Circular Progress

Circular Progress Bar

Click Away Listener

Collapsable Sidebar

Composition Chart

Confirm Delete Modal

Confirmation Dialog

Content Section

Data Grid Accessibility

Data Grid Actions Col Def

Data Grid Cell Param

Data Grid Cell Selection

Data Grid Clipboard

Data Grid Col Def

Data Grid Column

Data Grid Column Definition

Data Grid Column Dimension

Data Grid Column Group

Data Grid Column Header

Data Grid Column Menu

Data Grid Column Ordering

Data Grid Column Pinning

Data Grid Column Recipe

Data Grid Column Spanning

Data Grid Column Visibility

Data Grid Csv Export Option

Data Grid Editing

Data Grid Editing Legacy

Data Grid Event

Data Grid Excel Export Option

Data Grid Export

Data Grid Export Csv Option

Data Grid Export State Param

Data Grid Filter Form

Data Grid Filter Item

Data Grid Filter Model

Data Grid Filter Operator

Data Grid Filter Panel

Data Grid Filtering

Data Grid Filtering Header Filter

Data Grid Filtering Multi Filter

Data Grid Filtering Qck Filter

Data Grid Filtering Recipe

Data Grid Filtering Server Side

Data Grid Group Pivot

Data Grid Layout

Data Grid List View

Data Grid Localization

Data Grid Master Detail

Data Grid Overlay

Data Grid Pagination

Data Grid Performance

Data Grid Pivoting

Data Grid Print Export Option

Data Grid Recipes Editing

Data Grid Recipes Row Grouping

Data Grid Row Class Name Param

Data Grid Row Definition

Data Grid Row Grouping

Data Grid Row Height

Data Grid Row Ordering

Data Grid Row Param

Data Grid Row Pinning

Data Grid Row Recipe

Data Grid Row Selection

Data Grid Row Spacing Param

Data Grid Row Spanning

Data Grid Row Update

Data Grid Scrolling

Data Grid Selection

Data Grid Server Side Data

Data Grid Server Side Data Infinite Loading

Data Grid Server Side Data Lazy Loading

Data Grid Server Side Data Row Grouping

Data Grid Server Side Data Tree Data

Data Grid Single Select Col Def

Data Grid Sorting

Data Grid State

Data Grid Toolbar Qck Filter

Data Grid Tree Data

Data Grid Virtualization

Data Gridobject

Datagrid Filter

Datagrid Loading

Datagrid Search

Date Picker Toolbar

Date Pickers Accessibility

Date Pickers Field

Date Pickers Lifecycle

Date Pickers Localization

Date Pickers Pickers Calendar Header

Date Pickers Pickers Day

Date Pickers Pickers Shortcut

Date Pickers Playground

Date Pickers Shortcut

Date Pickers Time Field

Date Pickers Timezone

Date Pickers Validation

Date Range Calendar

Date Range Field

Date Range Picker

Date Range Picker Day

Date Range Picker Toolbar

Date Time Field

Date Time Picker

Date Time Picker Tab

Date Time Picker Toolbar

date time range field

Date Time Range Picker

Date Time Range Picker Tab

Date Time Range Picker Toolbar

day calendar skeleton

Delivery App Footer

Description List

Desktop Date Picker

Desktop Date Range Picker

Desktop Date Time Picker

Desktop Date Time Range Picker

desktop time picker

Expansion Panel

Expansion Panel Action

Expansion Panel Detail

Expansion Panel Summary

Experimental Classname Generator

Experimental Pigment Cs

Feature Section

Floating Action Button (fab)

Forgot Password Ui

Form Control Label

Form Control Unstyled

Gauge Container

Grid List Tile Bar

Image List Item

Image List Item Bar

Input Adornment

Interactive Table

Layout Breakpoint

Linear Progress

List Item Avatar

List Item Button

List Item Decorator

List Item Secondary Action

Localization Provider

Main Features Automatic Adjustment

Main Features Dark Mode Optimization

Main Features Global Variant

Migration Migrating From Deprecated

Migration Migrating To Pigment Cs

Migration Troubleshooting

Mobile Date Picker

Mobile Date Range Picker

Mobile Date Time Picker

Mobile Date Time Range Picker

Mobile Time Picker

Multi Input Date Range Field

Multi Input Time Range Field

Multi Section Digital Clock

Newsletter section

Notifications Permission

Page Layout Example

Pagination Item

Pickers Action Bar

Pickers Range Calendar Header

Pickers Section List

Pickers Text Field

Pie Chart Arc Label Plot

Pigment Container

Product Comparison

Product Overview

Recover Password

Responsive Chart Container

Rich Text Editor

Rich Tree View Editing

Rich Tree View Expansion

Rich Tree View Focus

Rich Tree View Item

Rich Tree View Ordering

Rich Tree View Selection

Scatter Series Type

Select Default Value

Simple Tree View

Simple Tree View Expansion

Simple Tree View Focus

Simple Tree View Item

Simple Tree View Selection

Single Input Date Range Field

Single Input Date Time Range Field

Single Input Time Range Field

Slider Unstyled

Spark Line Chart

Sparkline Chart

Speed Dial Action

Speed Dial Icon

Static Date Picker

Static Date Range Picker

Static Date Time Picker

Static Time Picker

Swipeable Drawer

Switch Unstyled

Tab Scroll Button

Table Container

Table Pagination

Table Sort Label

Text Editor Tool

Textarea Autosize

Time Picker Toolbar

Time Range Field

Time Range Picker

Timeline Connector

Timeline Separator

Toggle Button Group

Tree View Accessibility

Tree View Item 2

Unstable Trap Focus

Utils Click Away Listener

Utils Transition

Vertical Divider