chakra-ui

Chakra UI is a component system for building SaaS products with speed ⚡️

select

a11yaccessibleark-uichakra-uicomponentcss-in-jsdark-modedesign-systemreactreact-componentsreactjsstyledui-componentsui-libraryuikitwai-aria

🎮 Playground

export default function App() {
  return (
    <>
      // Example code for chakra-ui
    </>
  );
}

Loading playground...

Use cases

Good for

Not good for

Installation

$ npm install chakra-ui

Example

// Example code for chakra-ui

Trust Metrics

40.3K

GitHub Stars

Weekly Downloads

Last Commit:Mar 30, 2026