Search results
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. It follows WAI-ARIA standards, supports multiple color modes, and has a large community and showcase of projects built with Chakra UI.
- Getting Started
To use Chakra UI in your project, run one of the following...
- Components
Simple, Modular and Accessible UI Components for your React...
- Chakra UI + React Hook Form
Building Forms with Chakra UI and React Hook Form. Skip to...
- Showcase
A collection of beautiful websites that are built in Chakra...
- Icon
These icons are published into a separate package that is...
- Modal (Dialog)
Import #. Chakra exports 7 components to help you create any...
- Pseudobox
PseudoBox. This component is inspired by Tailwind CSS...
- Create React APP
The official templates are similar to the base...
- Getting Started
Chakra UI is a simple, modular and accessible UI library for your React applications. It provides prebuilt components for various categories, such as disclosure, media, form, navigation and more.
- Framework Guide#
- Learn#
- Contribute#
- GeneratedCaptionsTabForHeroSec
Chakra UI works in your favorite framework. We've put together step-by-stepguides for these frameworks:
Watch our official courses and dive into dozens of videos that will teach youeverything you need to know about Chakra UI, from basics to advanced concepts.
Whether you're a beginner or advanced Chakra UI user, joining our community isthe best way to connect with like-minded people who build great products withthe library.
Learn how to install and set up Chakra UI, a React UI toolkit, in your project. Find step-by-step guides for various frameworks and watch official courses to master Chakra UI.
Chakra UI is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications. It follows WAI-ARIA standards, supports themeability and composition, and is built with Styled System.
Chakra UI is a comprehensive library of accessible, reusable, and composable React components that streamlines the development of modern web applications and websites. The library offers a diverse range of components that can be easily combined to build complex user interfaces while adhering to accessibility best practices. Table of contents.
Components. Accessible, modern and easy to style UI components. Here's a list of all the components available in the library. Accordion. Used to show and hide sections of related content on a page. Action Bar.
Chakra UI is a component system for building products with speed. Accessible React components for building high-quality web apps and design systems. Works with Next.js RSC
