# Chakra UI (UI components & kits)

> Chakra UI is a free, open-source UI component library built with React and Chakra UI. Chakra UI is a component system for building SaaS products with speed. It has 40,676 GitHub stars and is released under the MIT license. A live demo is linked from this page.

Build Accessible React Apps with Speed 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

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/chakra-ui/chakra-ui |
| Built with | React, Chakra UI, TypeScript |
| Live demo | https://chakra-ui.com |
| GitHub template repository | no |
| GitHub stars | 40,676 |
| License | MIT |
| Language | TypeScript |
| Official | yes |
| Category | UI components & kits |
| Latest release | @chakra-ui/codemod@3.37.0 (Aug 28, 2026) |
| Last commit | Oct 6, 2026 |

## Get started

### Copy with degit

```sh
npx degit chakra-ui/chakra-ui my-ui
cd my-ui
npm install   # then run the dev script from the README
```

### Or clone with git

```sh
git clone --depth 1 https://github.com/chakra-ui/chakra-ui.git my-ui
```

Commercial use depends on the MIT license. Sources: https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template, https://github.com/Rich-Harris/degit

## Similar templates

- [shadcn/ui](https://appsgit.com/templates/shadcn-ui): Composable, accessible components with thoughtful defaults. (125,265 stars, MIT, official)
- [Ant Design](https://appsgit.com/templates/ant-design): An enterprise-class UI design language and React UI library. (99,704 stars, MIT, official)
- [Material UI](https://appsgit.com/templates/material-ui): Material UI: Comprehensive React component library that implements Google's Material Design. (99,142 stars, MIT, official)
- [daisyUI](https://appsgit.com/templates/daisyui): The most popular, free and open-source Tailwind CSS component library. (42,554 stars, MIT, official)
- [HeroUI](https://appsgit.com/templates/heroui): Beautiful, fast and modern React UI library. (30,882 stars, Apache-2.0, official)
- [Layui](https://appsgit.com/templates/layui): Layui 是一套开源免费的 Web UI 组件库，采用纯原生态的 HTML CSS JavaScript 开发模式，它为更便捷地构建现代 Web 界面而生。多年来，凭借别具一格的内外风格而被广泛应用。它给非前端开发者极大地降低了构建复杂网页界面的门槛，开发者只需面向浏览器，即可让页面所需呈现的元素与交互，变得信手拈来。. (30,581 stars, MIT)

---

Canonical page: https://appsgit.com/templates/chakra-ui
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.