Install Now
How to install chakra-ui/chakra-ui. Official installation instructions. Project installation guide. Framework or library installation. Build installation instructions. How to setup and install from GitHub. Installation steps and setup instructions. Official docs and installation instructions GitHub.
chakra-ui/chakra-ui Installation Guide
How to install chakra-ui/chakra-ui. Official project installation instructions and setup guide.
⚡
Automated Install (Recommended)
Quick installation instructions for chakra-ui/chakra-ui. This is the fastest way to complete project installation and setup.
Install via curl
curl -fsSL https://hexmos.com/ipm-install | bash &&
ipm i chakra-ui/chakra-uior
Install via npx
npx @hexmos/ipm i chakra-ui/chakra-uiPrerequisites
Node.js
system_toolVersion: >= 16.0.0
Yarn
package_managerVersion: 2.0.0
npm
package_managerVersion: 8.1.0
React
libraryVersion: 17.0.2
Next.js
build_toolVersion: 13.0.0
Manual Installation Methods
Manual installation instructions. How to install from GitHub source.
Yarn or npm install
yarn add @chakra-ui/react @emotion/react
npm i @chakra-ui/react @emotion/reactPnpm install
pnpm add @chakra-ui/react @emotion/react
npm i @chakra-ui/react @emotion/reactBun install
bun add @chakra-ui/react @emotion/react
bun add @chakra-ui/react @emotion/reactPost Installation Steps
- Open your browser and navigate to http://localhost:3000 to view the Chakra UI application.
- You can now start building your React applications with Chakra UI.
- For more information on how to use Chakra UI, visit https://chakra-ui.com/docs/getting-started/installation