motion-primitives

Installation
SKILL.md

Motion-Primitives

ibelick/motion-primitives — Framer Motion + Tailwind CSS で作る UI アニメーションコンポーネント集。コピペで導入するタイプ(npm install ではない)。React/Next.js + Tailwind プロジェクトが前提。

発動条件

  • 「Motion-Primitives」「Motion Primitives」と明示された
  • 「文字が一文字ずつ出る」「タイピング演出」「テキストアニメ」
  • 「数字のカウントアップ」「KPI を派手に見せたい」
  • 「マーキー」「ロゴが横に流れる」「流れる文字」
  • 「ホバーで浮くカード」「インビュー演出」「スクロールリビール」
  • 「framer-motion で〇〇」と言われた時の有力候補

前提条件

  • React 18+ または Next.js(App Router 推奨)
  • Tailwind CSS が動いている
  • framer-motion がインストール済み
Installs
3
First Seen
Sep 8, 2026