React Animation Showcase

React アニメーション比較デモ

Framer Motion / Lottie / スクロールアニメーションのそれぞれについて、 「シンプル版」と「ゴリゴリ版」を見比べられるデモプロジェクトです。

Go

Framer Motion

UI アニメーションの王道

Hover / Drag / Scroll / Layout など、UI パーツそのものの動きを中心に比較します。

Go

Lottie

After Effects ベースの JSON アニメーション

アイコンやイラストのアニメーションを、シンプル再生とインタラクティブ制御で比較します。

Go

Scroll Animation

スクロール連動アニメーション

AOS と Framer Motion の useScroll を使って、スクロールに応じた動きを比較します。