SectionFlow
SectionFlowはスクロールに合わせた美しい画面切り替えアニメーションを簡単に作成できるオープンソースのReact向けライブラリです。
Framer Motionを使用した滑らかで高性能なアニメーションを60種以上用意しており、よくブランディングサイトにあるようなスクロールに合わせて画面が遷移する演出を導入できる、というもの。
CLIコマンドで必要な設定やコンポーネントを自動作成可能、画面を一度作れば複数のアニメーションで使い回せる再利用可能な設計、不要な再描画を減らし、てスクロール時も必要なアニメーションだけ読み込まれるのでカクつかず滑らかに動作、サイトも軽量です。
カスタマイズ性も考慮されており、自分のオリジナルアニメーションを作成、追加する事も可能です。ブランディング、LP、ポートフォリオや、そのほかストーリー性を出したいコンテンツなどに向いてそうです。詳細は以下より。ライセンスはMIT。
