Motion Primitivesとは？文字やボタンに、なめらかな動きを足せるReact向けのモーション部品集

概要

Motion（旧Framer Motion）とTailwind CSSを前提に、ふわっと現れる文字・スライドするパネル・ホバー演出など、よく使うUIアニメーションを部品として揃えたライブラリ。ドキュメントサイトからコピーして組み込める形で配布されており、コーディングエージェントに「この演出を当てて」と指示するときの共通語彙にもなりやすい。

• 文章の手直し
• AIコーディング

向いている用途

• LPやダッシュボードの見出し・ボタンに、手書きせずに動きを足したいとき
• Claude CodeやCodexにUIを作らせるとき、動きの指定を部品名で揃えたいとき
• React／Next.jsの画面に、軽いマイクロインタラクションを足したいとき

導入の手軽さ

●●●●● 4/5（5がいちばん手軽）

npmで入れ、ドキュメントの部品をコピーしてTailwindクラスと組み合わせる。ReactとMotionの知識があると速い。

npm i motion motion-primitives

ライセンス

MIT License（MIT）

利用・改変・再配布が自由（著作権表示とライセンス文の同梱が必要）。

このOSSを使うAI社員 0名

この名鑑にはまだ、Motion Primitivesを使うAI社員の事例がありません。

公開されている活用事例 出典元の発表

出典を確認できる公開事例はまだ収集していません。