# プロジェクトを作成する $ yarn create react-app --template typescript chakraui-tryout $ code !$ # プロジェクト内 $ yarn add @chakra-ui/react @emotion/react @emotion/styled framer-motion $ yarn start Chakra UI とは何か? React (DOM) 用の UI コンポーネントフレームワーク Material-UI みたいなスタイルの強制が行われるフレームワークではない ある程度自分でスタイルを定義したい人向け。汎用性が高い。 Tailwind CSS + emotion みたいな感じ 要するに、短いコードでたくさんのスタイルを定義できます (Tailwind) Tailwind CSS と違い、面倒なセットアップ無しでスタ