Installation

getting started

navigation

lists

forms

application shells

Installation

This is quite straightforward.

npm i @chakra-ui/react @chakra-ui/icons @emotion/react @emotion/styled framer-motion react-icons

npm i @chakra-ui/react @chakra-ui/icons @emotion/react @emotion/styled framer-motion react-icons

yarn add @chakra-ui/react @chakra-ui/icons @emotion/react @emotion/styled framer-motion react-icons

yarn add @chakra-ui/react @chakra-ui/icons @emotion/react @emotion/styled framer-motion react-icons

If you meet any complexities, just head along to Chakra UI's site and follow the Instructions there.

Proudly developed in by Anuoluwapo Abraham