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.5K

GitHub Stars

557

Weekly Downloads

Last Commit:Jul 25, 2026