この記事は、フラー株式会社 Advent Calendar 2023 の 23 日目の記事です。22 日目は、nirazo さんの 「プログラミング教材を作ろう！Playground Book 概論」でした。 背景 趣味で作っている React アプリでのアニメーションの実装に Framer Motion を使っており、直感的に使える所が気に入っていました。その中で、公式ドキュメントを読んでいると、3D アニメーションを実装できる Framer Motion 3D というライブラリが用意されていることを知り、興味が湧いたので使ってみることにしました。 この記事では、Framer Motion 3D を使ったインタラクティブな 3D アニメーションの簡単な作例を紹介したいと思います。 Framer Motion 3D Framer Motion 3D とは、Framer 社が提供する、Rea