カテゴリから探すCategories
Entrance
12登場
要素が画面に表示されるときの動き。フェードイン・スライドインなど。
Reveal
5リビール
隠れていたものを徐々に見せる動き。マスクやクリップで切り替わる表現。
Scroll
12スクロール
スクロールに連動・反応する動き。固定（Pin）やパララックスなど。
Text
8テキスト
文字のアニメーション。1文字ずつ表示・タイプライターなど。
Image
6画像
画像の切り替え・ズームなど、画像まわりの動き。
Hover
6ホバー
マウスを乗せたときの反応。浮き上がり・拡大・光沢など。
Interaction
4インタラクション
カーソルやクリックに反応する演出。追従カーソル・波紋・紙吹雪など。
Loop
6ループ
ずっと動き続けるアニメーション。マーキー・ふわふわ浮遊など。
SVG / Shape
6SVG・図形
SVGや図形のアニメーション。線が描かれる・形が変わるなど。
Transition
3画面遷移
ページや画面の切り替え演出。ページ遷移・カーテン・ローディングなど。
使い方はかんたん3ステップHow to use
STEP 1
言葉で探す
「下からふわっと」「スクロールで固定」など、思いついた言葉のまま検索。正式名称を知らなくてOK。
STEP 2
動きを見て確認
デモアニメーションを見て「これこれ、この動き！」と確認。名前・意味・実装方法も分かります。
STEP 3
AIプロンプトをコピー
生成AI（ChatGPTやClaudeなど）にそのまま渡せる英語の指示文をワンクリックでコピー。実装を正確に依頼できます。