Transitions.dev

概要

デザインエンジニアによる実用レベルの UI トランジション集。CSS か React でそのままコピー。 モーションライブラリは、テキストの表示演出・動く背景・カーソルエフェクトなど、ページにそのまま置けるアニメーション部品を提供します。多くは React 製で、Tailwind CSS と Framer Motion を使います。どこまで自分でコードを持ちたいかで選びましょう。ファイル単位でコピーするものも、パッケージとして入れるものもあります。

向いている用途

• LP のファーストビュー
• 動く背景
• ボタンやカードの小さなインタラクション