みなさんはFramer Motionを知っていますか？

Framer MotionはReact用のアニメーションライブラリです。

この一冊でFramer Motionをしっかりと理解し、今後作るWebサイトをよりレベルの高いものにしましょう。

✅ React
✅ Vite
✅ TypeScript
✅ Framer Motion
✅ TailwindCSS

【Reactでアニメーションを使いこなす】Framer Motion実践入門

まずはじめに

環境構築

基本的な記述

発展的な記述

実践編-準備

実践編-Reactのアイコンを回転させる

実践編-ReactとViteのアイコンを交換できるようにする

実践編-カウントアップアニメーションを入れる

実践編-スクロールした際に、要素をふわっとさせる

まとめ

react

typescript

tailwindcss

vite

framermotion

y_ta@大学生Webエンジニア