Build accessible and functional Sidenav with Chakra UI
Every web app on the internet has some kind of navigation that allows users to quickly navigate through different pages. In this blog, we will cover how to build a responsive and accessible sidenav wi...
Generate JSON Structure
In this exercise, we are required to create the JSON structure with two fields: title and summary. The title should be generated from the provided text and limited to a maximum of 200 characters. To a...
chakra-ui-steps - Steps component designed to work seamlessly with Chakra UI.
This is a Steps component that has been specifically designed to work well with Chakra UI. It has a range of useful features and there are plenty of code examples and documentation available for refer...
ESLint rules for Chakra UI
# eslint-plugin-chakra-ui [](https://www.npmjs.com/package/eslint-plugin-chakra-ui) [![license](https://img.shields.io/npm/l/eslint-plugin-c...
Purity UI Dashboard - Trendiest, Complex, and Innovative Dashboard for Modern UI Elements and Beautiful Websites
Purity UI Dashboard is a free ReactJS dashboard based on Chakra UI, made by Creative Tim and Simmmple. It is built with over 70 frontend individual elements, such as buttons, inputs, navbars, navtabs,...
Chakra UI Prebuilt Components | Choc UI
Choc UI is a set of accessible and reusable components that provide premade responsive and color mode flexible components commonly used in web applications. With Chakra UI Prebuilt Components, develop...
Implementing Advanced Component Library using Chakra UI
In this article, Abir Pal - a software engineer, demystifies what Component Library is and why we need it. He also shares a step-by-step guide on how to build an advanced component library using Chakr...
Awesome Chakra UI
A collection of Chakra UI-related awesomeness. This repository contains a list of projects, websites, libraries, tools, articles, videos, guides, and talks related to Chakra UI. Some notable projects ...