Chakra UI
Accessible React component library with built-in theming and responsive design.
UI components and icons npm MIT
Used in agent projects
86
0.7% of 12,697 public repos built with AI coding agents
Rank in ui components and icons
#27 of 75
by use in those projects
Downloads
1.6M
npm, last 7 days, @chakra-ui/react
GitHub stars
40.7K
last push Oct 6, 2026
How Chakra UI is used
Chakra UI is a dependency in 86 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (0.7%), #27 of 75 in ui components and icons. The most used alternative there is Lucide React. Projects that use it most often also use Emotion (94.2%), Framer Motion (79.1%), React (98.8%).
Often used with Chakra UI
| Emotion | 94.2% of Chakra UI projects · 36.0× more than average |
|---|---|
| Framer Motion | 79.1% of Chakra UI projects · 5.9× more than average |
| React | 98.8% of Chakra UI projects · 2.3× more than average |
| Next.js | 70.9% of Chakra UI projects · 3.1× more than average |
| React Icons | 47.7% of Chakra UI projects · 8.8× more than average |
| ESLint | 76.7% of Chakra UI projects · 2.0× more than average |
| TypeScript | 88.4% of Chakra UI projects · 1.6× more than average |
| Solana Wallet Adapter | 30.2% of Chakra UI projects · 7.0× more than average |
By coding agent
| Claude Code | 0.6% of projects set up for it |
|---|---|
| GitHub Copilot | 0.5% of projects set up for it |
| Cursor | 0.5% of projects set up for it |
| OpenCode | 1.9% of projects set up for it |
| OpenAI Codex | 1.1% of projects set up for it |
Share of public repos configured for each agent that list Chakra UI as a dependency.
Install
| Package | npm install @chakra-ui/react |
|---|---|
| Packages counted | @chakra-ui/react, @chakra-ui/icons, @chakra-ui/next-js, @chakra-ui/cli, @chakra-ui/theme-tools, @chakra-ui/styled-system, @chakra-ui/charts, @chakra-ui/theme |
| Main stacks | Next.js (58), TypeScript / JavaScript (26), React Native / Expo (1), Python (1) |
| Example projects | blockscout/frontend, hzrd149/nostrudel, bartstc/vite-ts-react-template, stephenasuncionDEV/nfthost, MarkSackerberg/umi-cmv3-ui-inofficial |
Alternatives to Chakra UI
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Lucide React npm Comprehensive icon library with consistent design for React applications. |
2,519 (19.8%) | 108M | 24.9K | ISC |
| Class Variance Authority npm Type-safe CSS class composition for component variants and styling. |
1,791 (14.1%) | 66.3M | 6,903 | Apache-2.0 |
| Radix UI npm Unstyled, accessible component primitives for building design systems. |
1,519 (12.0%) | 182M | 19.4K | MIT |
| Sonner npm Opinionated toast notification component for React applications. |
1,025 (8.1%) | 49.6M | 13K | MIT |
| React Icons npm Popular icon packs imported as React components with ES6. |
688 (5.4%) | 8.8M | 12.7K | MIT |
| cmdk npm Command menu component library for React applications. |
687 (5.4%) | 42.2M | 13K | MIT |
| React Day Picker npm Flexible and customizable date picker component for React. |
675 (5.3%) | 42.8M | 6,859 | MIT |
| Vaul npm Unstyled, accessible drawer component for React with smooth animations. |
582 (4.6%) | 35M | 8,638 | MIT |