Components Overview
If you use Chakra UI, this is the next level. With Pro, we've put in the work to create high-quality components. Try our free components.
Authentication
Auth forms used to register and sign users with email-password and OAuth solutions.
Banners
Used to display an important message at the top or bottom of the page.
Cards
Used to display information to users, with button to trigger actions.
Form Layouts
Pre-built layouts which can be easily modified to fit your usecase.
Grids
Grid is a 2-dimensional layout system, meaning it can handle both columns and rows.
Headers
Usually placed at the top of a page to show information about that current page.
Lists
Lists are a simple ways to displays related data.
Notifications
Use notifications to inform a users about specific events.
Popovers
A Popover can be used to display some content on top of another.
Page Shells
Provides common application layout shells to get your app up and running in no time.
Sidebars
Used to provide a sticky side navigation to your users while using your application.
Stats
Displays usage related data, statistics or limits.
Progress Steps
A progress indicator component communicates to the user the progress of a particular process.
Tables
Used to display data lists to your users in a clean, tabular format.
Toggle Checkbox Radio
Standard form elements with various styles and layout options.
User Cards
Used to display information about users and contacts in your app