100 Text Animations

おすすめポイント

テキストアニメーションを「言葉」ではなく「見た目」で選べるショーケース。100 パターンを一覧でグリッド表示し、文字をその場で書き換えてプレビューできるので、LP のキャッチコピーやサービス名のヒーロー演出をデザイナーと PM がその場で擦り合わせやすい。気に入った演出は「Picked」で集めておき、Copy Code でコードをそのまま持ち帰れる。Claude Code や Cursor に貼り付けて微調整する起点としても優秀。

内容

Fade In / Typewriter / Matrix Shuffle / Slide Up / Scale In / Blur In / Neon Glow / Bounce / 3D Flip など、テキストの登場と強調に使える表現を 100 個収録。上部の入力欄に任意の文字列を入れると全パターンへ一括反映され、各カードには Restart（再生）と Copy Code のボタンが並ぶ。All / Picked のタブで気になったものだけを後から見返せる。ダークテーマで動きを見やすく、無限スクロールで重さも感じない作り。

制作: KAWAI DESIGN（川合卓也） / 公開元: kawai-official.pages.dev