# 動画用の無料モーショングラフィックス テンプレート

219点の無料動画テンプレート。タイトル、デバイス、クリック、切り替え、AIチャット、社会的証明、グラフ、製品デモをSubclipで編集。コードも取得できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates

動画編集者、マーケター、開発者のための無料モーショングラフィックス テンプレート集です。キネティックタイポグラフィ、製品デモのシーン、SNS用オーバーレイ、UIアニメーション、手描き風の注釈、地図アニメーション、グラフ、テロップ、3D素材をそろえています。どのテンプレートもこのページでループプレビューを確認でき、Subclipのデスクトップアプリ上で動作します。多くはコードとしても入手でき、AIコーディングエージェントにそのまま渡せます。

## 9つのカテゴリをひとつのライブラリに

{n}点の無料動画テンプレート。タイトル、デバイス、クリック、切り替え、AIチャット、社会的証明、グラフ、製品デモをSubclipで編集。コードも取得できます。

テキストアニメーションはタイトルとキネティックタイポグラフィを担当します。シンプルに文字がせり上がるText Staggerから、大きな文字が揺れるSwing Typographyまで幅広く用意しました。SNSアニメーションでは、通知、フォローボタン、投稿カード、チャットのやり取りを再現できます。UIアニメーションは、設定のトグルがオンになる瞬間や、読み込み中のスケルトンが中身に切り替わる瞬間など、画面操作の一場面を見せます。

解説動画向けには、手描き風の注釈(丸囲み、下線、ホワイトボードのスケッチ)、アメリカ・フランス・スペイン・インドの地図アニメーションとルートを描く地球儀、バーチャートレースや折れ線グラフなどのグラフアニメーションがあります。話し手の紹介や動画の締めにはテロップとCTAロックアップを、さらに弾む球体やLottieアニメーションを含む小さな3Dセットも用意しています。

## Remotion、HyperFrames、HTML & CSS

各テンプレートはRemotion、HyperFrames、HTMLとCSSの3つのフレームワークのいずれかで作られています。RemotionテンプレートはTSXで書かれたReactコンポーネントです。現在のフレーム番号とpropsを読み取って描画するため、同じ入力からは必ず同じ絵が得られます。キネティックタイポグラフィの大半、製品デモのシーンすべて、地球儀の地図、3D素材がこのエンジンです。

HyperFramesテンプレートは、一時停止したGSAPタイムラインを持つHTMLページです。レンダラーがそのタイムラインを1フレームずつシークし、編集できるテキスト、色、データは変数として公開されています。SNS投稿、通知、地域の地図、グラフ、テロップ、UIフローの多くがこのエンジンを使っています。

最も軽量なのがHTML & CSSテンプレートで、キネティックタイトル、テロップ、コールアウトカードをCSSキーフレームで動かしています。Subclipで編集するだけなら、エンジンの違いはほとんど気になりません。コードを使う場合は、プロジェクトやエージェントが普段扱っているエンジンを選んでください。

## テンプレートの選び方

まず、そのグラフィックが動画の中で果たす役割から考えます。ローンチ動画の冒頭ならロゴ演出や告知タイトル。機能の説明ならカーソル、プロンプト、デバイスフレーム。話し手を紹介するならテロップ。数字や場所について伝えたいならグラフや地図が向いています。

次に画面の形を確認します。プレビューは黒背景でループするので、動きや余白を判断できます。多くのテンプレートはYouTube、デモ、プレゼン向けの16:9です。iOS Notification、Instagram Follow、TikTok Follow、Notes Typingなど一部は、Shorts、Reels、TikTok向けの縦型9:16です。SNS系やテロップ系のいくつかは背景が透過なので、映像の上に重ねられます。

最後に、各テンプレートで何を変更できるかを確認します。テンプレートごとのページに、見出しのテキスト、色、画像、データの値、速度など、編集できる項目が一覧で載っています。

## Subclipで使うか、コードを持ち出すか

SubclipはMacとWindows向けのデスクトップAI動画編集ソフトで、このサイトのテンプレートはすべて無料でプリインストールされています。タイムラインに追加したら、AIエージェントに普段の言葉で変更を頼めます。見出しの差し替え、ブランドカラーの適用、速度を落とす、グラフの値を入れ替えるといった指示が可能です。仕上がったら動画を書き出します。

コードで動画を作る場合は、多くのテンプレートを無料サインイン後にコード一式として入手できます。ClaudeやCodex向けに書かれたプロンプトと一緒にコードをコピーするか、ソースファイル、props、README、エージェント向けの指示をまとめたzipをダウンロードできます。Subclipのランタイムに依存し、アプリ内でのみ動作するテンプレートもあり、その場合は各ページに記載しています。

## 219件のテンプレート

- [Logo Flicker](https://www.subclip.app/ja/motion-graphics-templates/remotion/logo-flicker) (Remotion, ロゴアニメーション): 中央のカード上で画像が急速に点滅し、速度が低下してフェードアウトし、ロゴとブランド名が残るロゴのイントロ。
- [Laptop Frame](https://www.subclip.app/ja/motion-graphics-templates/remotion/laptop-frame) (Remotion, 画面とデバイス): ラップトップのモックアップ アニメーション。蓋が開き、ノッチ通知が再生され、コンテンツがフレームを満たすまでカメラが画面に押し込まれます。
- [Logo Assemble](https://www.subclip.app/ja/motion-graphics-templates/remotion/logo-assemble) (Remotion, ロゴアニメーション): ロゴでは、イメージ カードのリングがテキスト行の周囲を周回し、内側に折りたたまれてロゴとブランド名が表示されます。
- [Phone Frame](https://www.subclip.app/ja/motion-graphics-templates/remotion/phone-frame) (Remotion, 画面とデバイス): 入口と緩やかなフロートを備えた電話フレーム内にアプリのスクリーンショットまたは画面録画を配置する電話スタイルのモックアップ アニメーション。
- [Answer Highlight](https://www.subclip.app/ja/motion-graphics-templates/remotion/answer-highlight) (Remotion, AIチャット入力): チャット スタイルの AI 回答アニメーション。質問が表示され、回答が入力され、1 つのキー フレーズが選択されて青色で強調表示されます。
- [Agent Steps](https://www.subclip.app/ja/motion-graphics-templates/remotion/agent-steps) (Remotion, AIチャット入力): AI エージェントのタスク ログ。プロンプトの下に各ステップがリストされ、作業が完了するとチェックマークに変わる小さなアイコンが表示されます。
- [Announce Title](https://www.subclip.app/ja/motion-graphics-templates/remotion/announce-title) (Remotion, 製品デモ): 短い眉毛を通した製品発表のイントロ、ブランド シンボルを含む大きなタイトル、そして暗い背景に終了のキャッチフレーズ。
- [Answer Stream](https://www.subclip.app/ja/motion-graphics-templates/remotion/answer-stream) (Remotion, AIチャット入力): 送信ボタンを押すとすぐに始まり、見出しとカードで回答が入力されると元に戻るストリーミング AI チャット アニメーション。
- [Text Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-reveal) (Remotion, タイトル): 単語ごと、または文字ごとに短い行を表示し、画面上に保持した後、後退させる、動的なタイポグラフィーのタイトル。
- [Text Highlight](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-highlight) (Remotion, タイトル): マーカー、カラーシフト、下線、取り消し線、シマー、ロゴスピンスタイルを使用した、文内の 1 つの単語の強調アニメーション。
- [Text Rewrite](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-rewrite) (Remotion, タイトル): 見出しが入力され、その末尾が選択されて消去され、その場所に新しい単語が入力されるタイプライター テキスト アニメーション。
- [Text Select](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-select) (Remotion, タイトル): タイプライターの行が単語ごとに入力され、柔らかい青色のテキストの選択と通過する輝きで強調表示されます。
- [Text Swap](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-swap) (Remotion, タイトル): 単語や文字を交互にずらして、テキストの 1 行を別の行に入れ替える回転見出しアニメーション。
- [Text Swell](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-swell) (Remotion, タイトル): 言葉が所定の位置に浮かび上がり、線が後退する前に跳ね返る波が文字の中を走る、動的なタイポグラフィーのタイトル。
- [Text Build](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-build) (Remotion, タイトル): 単語ごとにテキストが構築され、新しい単語がそれぞれスライドして挿入され、画面上にすでに表示されている単語が移動して行が中央に保たれます。
- [Word Flip](https://www.subclip.app/ja/motion-graphics-templates/remotion/word-flip) (Remotion, タイトル): 青から紫のグラデーションで設定されたオプションのリストを 3D で反転する 1 つの単語を含むタイプライターの見出し。
- [Logo Drift](https://www.subclip.app/ja/motion-graphics-templates/remotion/logo-drift) (Remotion, ロゴアニメーション): ロゴの壁のアニメーション。カメラが後ろに下がり、中央に見出しが表示される間、統合タイルがあらゆる端から流れ去っていきます。
- [Block Wordmark](https://www.subclip.app/ja/motion-graphics-templates/remotion/block-wordmark) (Remotion, ロゴアニメーション): 色のブロックが回転してブランド名に組み込まれるロゴ刺しが、大胆なワードマークとして画面上に表示されます。
- [Terminal Simulator](https://www.subclip.app/ja/motion-graphics-templates/remotion/terminal-simulator) (Remotion, 画面とデバイス): 暗いウィンドウにコマンドを入力し、出力を印刷し、カーソルに従ってズームインできるターミナル アニメーション。
- [Screen Recording](https://www.subclip.app/ja/motion-graphics-templates/remotion/screen-recording) (Remotion, 画面とデバイス): キャプチャをトリミングし、角の丸い背景に配置し、ズームして取り込む画面録画シーン。
- [Count Grid](https://www.subclip.app/ja/motion-graphics-templates/remotion/count-grid) (Remotion, 製品デモ): 中央のカウンターがあなたの番号にジャンプしながら、カードのグリッドがフレーム全体で増殖する統計アニメーション。
- [Roster Grant](https://www.subclip.app/ja/motion-graphics-templates/remotion/roster-grant) (Remotion, 製品デモ): カーソルが中央の CTA ボタンをクリックすると、その周りのアバター カードがオンになる UI アニメーション。
- [Wordmark Cut](https://www.subclip.app/ja/motion-graphics-templates/remotion/wordmark-cut) (Remotion, 製品デモ): 巨大なワードマークがフレーム全体に配置され、その後、最後の文字とグラデーションのドットのクローズアップにハードカットされるエンドカード。
- [Cursor Track](https://www.subclip.app/ja/motion-graphics-templates/remotion/cursor-track) (Remotion, クリック): インターフェイス上のポイントのパスに沿って移動し、到着するたびにパルス状のクリック リングを表示する合成マウス ポインター。
- [Follower Rush](https://www.subclip.app/ja/motion-graphics-templates/remotion/follower-rush) (Remotion, 社会的証明): 丸いアバターの波が画面上で波紋を広げ、下の行がフォロワーの合計としてカウントアップされるソーシャル フォロワー通知。
- [Prompt Send](https://www.subclip.app/ja/motion-graphics-templates/remotion/prompt-send) (Remotion, AIチャット入力): 柔らかい青のグラデーション上のガラス スタイルのチャット入力。プロンプトを入力し、提案チップが表示され、カーソルが送信ボタンをクリックするとズームインします。
- [Prompt Zoom](https://www.subclip.app/ja/motion-graphics-templates/remotion/prompt-zoom) (Remotion, AIチャット入力): AI アシスタントのランディング画面には、挨拶とチャット ボックスがあり、入力のクローズアップが 1 フレームに分割され、プロンプトが自動的に入力されます。
- [Punch Lines](https://www.subclip.app/ja/motion-graphics-templates/remotion/punch-lines) (Remotion, タイトル): フルフレームのタイトル カードの連なりには、ビート間を大胆に切り込み、各行をスライドさせたり、パンチしたり、押し込んだりする大胆なステートメントが含まれています。
- [Orbit Gallery](https://www.subclip.app/ja/motion-graphics-templates/remotion/orbit-gallery) (Remotion, 製品デモ): 暗いギャラリーのイントロで、丸い写真タイルが中心に向かって螺旋を描き、見出し、サブタイトル、小さなボタンが中央に配置されています。
- [Product Hero](https://www.subclip.app/ja/motion-graphics-templates/remotion/hero-launch) (Remotion, 製品デモ): 2 枚のイメージ カードを並べて所定の位置にスライドさせ、その上に短い見出しが表示されるダークな製品発表のヒーロー。
- [Moodboard Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/moodboard-reveal) (Remotion, 製品デモ): ムードボードのフライスルーでは、傾けた写真カードが黒の背景を通り過ぎてから、ショットが 1 つのヒーロー画像に着地します。
- [Reel Collage](https://www.subclip.app/ja/motion-graphics-templates/remotion/reel-collage) (Remotion, 製品デモ): スライドをフリックし、テキストの上下行で囲まれた散在する画像のコラージュにスナップする高速フォト リール。
- [Reel Wall](https://www.subclip.app/ja/motion-graphics-templates/remotion/reel-wall) (Remotion, 製品デモ): 縦型動画クリップを並べた湾曲したウォールが、暗闇の中でカメラの前を回転します。静止状態からなめらかに動き出し、その後は一定の速度で回り続けます。
- [Phone Stack](https://www.subclip.app/ja/motion-graphics-templates/remotion/phone-stack) (Remotion, 画面とデバイス): スマホ画面が次々と現れて積み重なり、古い画面は奥へ下がって上端だけが見える状態に。各画面がそれぞれ縦型クリップを再生します。
- [Portal Intro](https://www.subclip.app/ja/motion-graphics-templates/remotion/portal-intro) (Remotion, 製品デモ): 文章が一語ずつフェードインし、その中の小さな角丸画像が画面いっぱいに広がります。その上にタイトルがタイプされ、最後にブランド名が登場します。
- [Dot Bloom](https://www.subclip.app/ja/motion-graphics-templates/remotion/dot-bloom) (Remotion, トランジション): 1秒間のハーフトーントランジション。白いドットがきらめき、画面がクリーム色に変わったあと、暖かなコーラル、ピーチ、ブラッシュのドットが帯状に流れ、セルごとに薄れていきます。
- [Search Typing](https://www.subclip.app/ja/motion-graphics-templates/remotion/search-typing) (Remotion, AIチャット入力): フレームよりも大きい広い検索フィールドが前方に移動し、自然なポーズでクエリを入力し、パンしてテキストを追い、その後後退します。
- [Status Cycle](https://www.subclip.app/ja/motion-graphics-templates/remotion/status-cycle) (Remotion, 製品デモ): テキストの中央に行があり、最後にステータス ピルがあり、そのラベルが州のリストをロールアップし、その周囲にタグ チップが積み重ねられています。
- [Type Morph](https://www.subclip.app/ja/motion-graphics-templates/remotion/type-morph) (Remotion, タイトル): 光るキャレットの下でタイプライターの見出しが打ち出され、冒頭の言葉が消え、一文字ずつ新しい単語に変化し、そして色彩の洪水の下で終わる。
- [Orb Swarm](https://www.subclip.app/ja/motion-graphics-templates/remotion/orb-swarm) (Remotion, 製品デモ): 文章が一度に 1 ビートを再生しながら、光沢のある球体が単語の周りで分割、渦巻き、結び目、鎖状になる、動的なテキスト シーン。
- [Word Gather](https://www.subclip.app/ja/motion-graphics-templates/remotion/word-gather) (Remotion, タイトル): 単語が一度に 1 つずつ順不同で到着し、中央のテキスト行に集まる短い文章のアニメーションです。
- [Word Wheel](https://www.subclip.app/ja/motion-graphics-templates/remotion/word-wheel) (Remotion, タイトル): 単語の縦列の横にある見出し。スロットマシンのリールのように回転し、その隣に 1 つの単語が並んで停止します。
- [Check Cycle](https://www.subclip.app/ja/motion-graphics-templates/remotion/check-cycle) (Remotion, タイトル): 青いチェックボックスの横にある短い見出しは、ビートごとにチェックマークが付き、最後の単語がいくつかのオプションを循環します。
- [Font Shuffle](https://www.subclip.app/ja/motion-graphics-templates/remotion/font-shuffle) (Remotion, タイトル): スクランブル文字をデコードし、アクセントカラーを点滅させて、製品名を 11 種類の異なる書体に置き換えるローンチ タイトル。
- [Button Press](https://www.subclip.app/ja/motion-graphics-templates/remotion/button-press) (Remotion, クリック): カーソルは青い分割アクション ボタンをクリックし、ホバーすると暗くなり、押し込み、保留状態を経て、描画されたチェックマークで終了します。
- [Click Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/click-type) (Remotion, クリック): ガラス製のプロンプト ボックス。カーソルでフィールドをクリックすると、プレースホルダーが自身を書き込み、続いてプロンプトが入力されるボックスにハード カットが続きます。
- [Capture Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/capture-reveal) (Remotion, 画面とデバイス): ブラウザ ウィンドウ上でトーストが 100% カウントされ、ウィンドウが消え、トーストによってコピーが確認されるスクリーンショット キャプチャ シーン。
- [Channel Thread](https://www.subclip.app/ja/motion-graphics-templates/remotion/channel-thread) (Remotion, 社会的証明): アバター、太字の名前、静かなタイムスタンプ、ドットを入力すると届く単純なメッセージ行で埋め尽くされる仕事用チャット チャネル。
- [Logo Collapse](https://www.subclip.app/ja/motion-graphics-templates/remotion/logo-collapse) (Remotion, ロゴアニメーション): 写真の束がフリックしてマークに折りたたまれ、その横にワードマークが表示される簡単なロゴのイントロ。
- [Card Rail](https://www.subclip.app/ja/motion-graphics-templates/remotion/card-rail) (Remotion, 製品デモ): タイトルとラベルが付いた画像カードのレールが見出しの下の傾斜面を横に横にフリックするカード カルーセル。
- [Shader Text Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/shader-text-reveal) (Remotion, タイトル): 大きな言葉がカラフルに動くWebGLシェーダーを通して現れ、黒の上のシンプルな白い文字に落ち着きます。
- [Soft Blur In](https://www.subclip.app/ja/motion-graphics-templates/remotion/soft-blur-in) (Remotion, タイトル): 各文字がやわらかなぼかしの中からふわりと現れ、くっきりとした文字に落ち着く見出しのリビール。Appleのヒーロータイトルのようなスタイルです。
- [Per Character Rise](https://www.subclip.app/ja/motion-graphics-templates/remotion/per-character-rise) (Remotion, タイトル): 各文字が行の下から順番にスライドして定位置に収まる、ぼかしのないくっきりとしたキネティックタイトルです。
- [Inline Highlight](https://www.subclip.app/ja/motion-graphics-templates/remotion/inline-highlight) (Remotion, タイトル): 文中のキーワードが基本の文字色からブランドカラーに変わり、視線をその言葉へと引きつけます。
- [Marker Highlight](https://www.subclip.app/ja/motion-graphics-templates/remotion/marker-highlight) (Remotion, タイトル): 蛍光ペンでなぞるように、フレーズの背後に黄色いマーカーが引かれ、同時にフレーズの色が変わる一文です。
- [Shimmer Sweep](https://www.subclip.app/ja/motion-graphics-templates/remotion/shimmer-sweep) (Remotion, タイトル): くすんだグレーのテキストの上を明るい光の帯が通り抜ける、読み込み中やAIの「考え中」ラベルでおなじみのシマー効果です。
- [Selection Snap](https://www.subclip.app/ja/motion-graphics-templates/remotion/selection-snap) (Remotion, タイトル): ゆるいファインダー内の単語がFigma風の選択ボックスにスナップし、太さがThinからBlackへ切り替わり、サイズ表示がカウントアップします。
- [Type Wall](https://www.subclip.app/ja/motion-graphics-templates/remotion/type-wall) (Remotion, タイトル): 1つの単語を繰り返した行が画面全体を埋め、それぞれ異なる速度で逆方向にスクロールする文字の壁。中央にはカラーの帯が入ります。
- [Period Drop](https://www.subclip.app/ja/motion-graphics-templates/remotion/period-drop) (Remotion, タイトル): 単語が定位置へせり上がったあと、色付きのドットが上から落ちてきてスクワッシュ&ストレッチで弾み、ピリオドとして収まります。
- [Outline Trace](https://www.subclip.app/ja/motion-graphics-templates/remotion/outline-trace) (Remotion, タイトル): 各文字の輪郭が一文字ずつ線で描かれていき、その後、文字の内側に塗りが下から満ちていきます。
- [Glyph Anatomy](https://www.subclip.app/ja/motion-graphics-templates/remotion/glyph-anatomy) (Remotion, タイトル): フォントエディターで作るように単語が組み上がります。メトリクスのガイド線、輪郭に沿ったアンカーポイント、直線を曲線に変えるベジェハンドルが現れ、最後に文字が塗られます。
- [Stripe Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/stripe-type) (Remotion, タイトル): IBMのロゴのように横縞に分割された単語が左右交互からスライドして合わさり、定位置で固定され、そのまま通り抜けることもできます。
- [Path Ride](https://www.subclip.app/ja/motion-graphics-templates/remotion/path-ride) (Remotion, タイトル): 曲がりくねったカーブに沿って線が描かれ、その先端のすぐ後ろをテキストが進みます。最後にカーブがぴんと張り、言葉がまっすぐな行に収まります。
- [Type Repeater](https://www.subclip.app/ja/motion-graphics-templates/remotion/type-repeater) (Remotion, タイトル): After Effects風のリピーターを単語に適用。アウトラインのコピーが背後でトンネル、スパイラル、扇形に展開し、脈打ってから折りたたまれます。
- [Claude Code](https://www.subclip.app/ja/motion-graphics-templates/remotion/claude-code) (Remotion, AIチャット入力): 破線のウェルカムボックス、最近のアクティビティと新機能のパネル、プロンプトに入力されていくコマンドを備えたClaude Code CLIのウェルカム画面です。
- [ChatGPT](https://www.subclip.app/ja/motion-graphics-templates/remotion/chat-gpt) (Remotion, AIチャット入力): ChatGPT風の入力欄で、ピル型の入力欄にプロンプトが入力され、音声ボタンが送信ボタンになり、候補チップがフェードアウトします。
- [Claude Chat](https://www.subclip.app/ja/motion-graphics-templates/remotion/claude-chat) (Remotion, AIチャット入力): セリフ体のあいさつが入った温かみのあるClaudeのチャットカードで、入力欄にプロンプトが入力され、波形ボタンが送信ボタンに変わります。
- [OpenCode](https://www.subclip.app/ja/motion-graphics-templates/remotion/opencode) (Remotion, AIチャット入力): 2色のワードマーク、クエリが入力される入力欄、モデルのステータス行、コマンドのヒントを備えたOpenCodeのターミナルウェルカム画面です。
- [Agent Run](https://www.subclip.app/ja/motion-graphics-templates/remotion/agent-run) (Remotion, AIチャット入力): プロンプト、Thinkingステータスと計画、チェックに変わるツール呼び出し、少しずつストリーミングされる回答を見せる、ブランドに依存しないAIエージェントパネルです。
- [GitHub Stars](https://www.subclip.app/ja/motion-graphics-templates/remotion/github-stars) (Remotion, 社会的証明): リポジトリのスターゲイザーを流れるように見せ、連動して数え上がるカウンターがスターの総数で止まります。
- [X Followers Overview](https://www.subclip.app/ja/motion-graphics-templates/remotion/x-followers-overview) (Remotion, 社会的証明): 名前の部分だけが3Dで回転するXのフォロー通知の行に続いて、アバター、ハンドル、紙吹雪とともにフォロワーの総数が登場します。
- [Logo Enter](https://www.subclip.app/ja/motion-graphics-templates/remotion/logo-enter) (Remotion, 社会的証明): 重なり合う丸いブランドチップが、小さくスライドしながら1つずつ弾むように現れ、重なったグループとして静止します。
- [X Follow Card](https://www.subclip.app/ja/motion-graphics-templates/remotion/x-follow-card) (Remotion, SNSとチャット): カバー画像、アバター、自己紹介、詳細とともにXのプロフィールカードが弾むように現れ、カーソルがFollowをクリックするとボタンがFollowingに変わります。
- [Chat Flow](https://www.subclip.app/ja/motion-graphics-templates/remotion/chat-flow) (Remotion, SNSとチャット): スマートフォン幅のチャットで、送信メッセージが入力欄に入力されて送られ、入力中のドットが返信に変わり、絵文字のリアクションが飛び出します。
- [Telegram Chat Flow](https://www.subclip.app/ja/motion-graphics-templates/remotion/telegram-chat-flow) (Remotion, SNSとチャット): Telegram風の会話で、メッセージがピル型の入力欄に入力されてダブルチェック付きで送信され、ヘッダーに入力中と表示され、リアクションが飛び出します。
- [Keystroke](https://www.subclip.app/ja/motion-graphics-templates/remotion/keystroke) (Remotion, エフェクト): 画面下部に現れる物理的なキーキャップが、各ショートカットを正しい順番で押し、押されている間は光り、その後跳ね返ります。
- [Cursor Gravity](https://www.subclip.app/ja/motion-graphics-templates/remotion/cursor-gravity) (Remotion, エフェクト): カーソルが画面の端でボタンをつかみ、弾むように何度か引っ張ると、ボタンが外れて中央に落ち着きます。
- [TV Power Off](https://www.subclip.app/ja/motion-graphics-templates/remotion/tv-power-off) (Remotion, エフェクト): 古いブラウン管テレビの電源オフ。シーンが明るい線につぶれ、線が光る点に縮み、その点が黒へフェードアウトします。
- [Confetti](https://www.subclip.app/ja/motion-graphics-templates/remotion/confetti) (Remotion, エフェクト): 透明な背景にはじける紙吹雪。紙片が飛び出し、回転し、ひらひらと舞って落ちていきます。固定のシードから生成されるため、どのレンダリングも同じになります。
- [Bauhaus Build](https://www.subclip.app/ja/motion-graphics-templates/remotion/bauhaus-build) (Remotion, ジェネラティブアート): 平面的なバウハウス風の図形が見えないグリッド上で角から角へ転がってポスターのようなフリーズを作り、その後、空白の帯を挟む2つのフリーズに組み替わります。
- [Mondrian Split](https://www.subclip.app/ja/motion-graphics-templates/remotion/mondrian-split) (Remotion, ジェネラティブアート): 黒い線が画面をデ・ステイル風のグリッドに分け、赤、黄、青がセルを埋め、グリッドが動き、1つのセルが押し広がって画面全体になります。
- [Pendulum Wave](https://www.subclip.app/ja/motion-graphics-templates/remotion/pendulum-wave) (Remotion, ジェネラティブアート): 15個の振り子のおもりが一列から始まり、進行波、編み目、ジグザグへと移ろい、最後に再びそろってクリップがループします。
- [Isometric Build](https://www.subclip.app/ja/motion-graphics-templates/remotion/isometric-build) (Remotion, ジェネラティブアート): 5x5のアイソメトリックグリッドで、ブロックが対角線ごとに立ち上がって階段状の彫刻になり、アクセントカラーの高い塔が1本そびえます。
- [Phyllotaxis](https://www.subclip.app/ja/motion-graphics-templates/remotion/phyllotaxis) (Remotion, ジェネラティブアート): 420個の種が黄金角で中心から広がるヒマワリの模様で、花が回転するなか、フィボナッチの腕の1本が光って脈打ちます。
- [Life Grid](https://www.subclip.app/ja/motion-graphics-templates/remotion/life-grid) (Remotion, ジェネラティブアート): 淡いグリッド上で進むライフゲームのシミュレーションで、新しいセルはアクセントカラーで光り、死ぬセルは縮んで消えます。
- [String Art](https://www.subclip.app/ja/motion-graphics-templates/remotion/string-art) (Remotion, ジェネラティブアート): 円に並んだピンに張られた糸がカージオイドを描き、乗数がなめらかに上がるにつれて図形がネフロイド、さらに3つの尖点を持つ形へと変化します。
- [Orbit Lock](https://www.subclip.app/ja/motion-graphics-templates/remotion/orbit-lock) (Remotion, ロゴアニメーション): 傾いた軌道を月がらせん状に内側へ進み、コアが白いリングの閃光とともにはじけてロゴが弾むように現れます。
- [Puzzle Snap](https://www.subclip.app/ja/motion-graphics-templates/remotion/puzzle-snap) (Remotion, ロゴアニメーション): 4つの幾何学的なピースが画面のあちこちから回転しながら飛び込み、ロゴマークに組み合わさります。接するたびに火花が散ります。
- [Spotlight](https://www.subclip.app/ja/motion-graphics-templates/remotion/spotlight) (Remotion, ロゴアニメーション): 舞台のスポットライトが暗闇を横切り、ロゴを通り過ぎてから弾むように戻ってとらえ、部屋の明かりが上がります。
- [Neon Sign](https://www.subclip.app/ja/motion-graphics-templates/remotion/neon-sign) (Remotion, ロゴアニメーション): 手書きのネオン「hello」が管ごとにちらつきながら点灯し、一度消えたあと、暗い壁に赤い光を映して再び点きます。
- [Inflate](https://www.subclip.app/ja/motion-graphics-templates/remotion/inflate) (Remotion, ロゴアニメーション): しぼんだ切れ端が弾むようにふくらんでつやのある赤いマークになり、つぶれたり伸びたりしたあと、中央に暗いドットが飛び込みます。
- [Liquid Fill](https://www.subclip.app/ja/motion-graphics-templates/remotion/liquid-fill) (Remotion, ロゴアニメーション): 白い輪郭のマークが、落ちてきたしずくから赤い液体で満たされ、揺れる水面と立ちのぼる泡を経て塗りつぶされたマークになります。
- [Anamorphic Flare](https://www.subclip.app/ja/motion-graphics-templates/remotion/anamorphic-flare) (Remotion, ロゴアニメーション): 映画のようなアナモルフィックレンズフレアが点灯し、ゴーストを伴って画面を横切り、通ったあとにロゴを残します。
- [Parallax Depth](https://www.subclip.app/ja/motion-graphics-templates/remotion/parallax-depth) (Remotion, カメラと物理): 赤い太陽と3つのグレーの丘の稜線からなるレイヤー状の風景を、横移動しながら寄っていくカメラで捉え、レイヤーが分離して見えます。
- [Exploded View](https://www.subclip.app/ja/motion-graphics-templates/remotion/exploded-view) (Remotion, カメラと物理): アイソメトリックのレイヤーの積み重ねが弾むように分かれ、各レイヤーに引き出し線でラベルを付け、再び1つのブロックに閉じます。
- [Tiny Planet](https://www.subclip.app/ja/motion-graphics-templates/remotion/tiny-planet) (Remotion, カメラと物理): 平らな地面に並ぶ白い建物の列が丸まって小さな丸い惑星になり、赤い太陽のそばで回転します。
- [Gravity Pile](https://www.subclip.app/ja/motion-graphics-templates/remotion/gravity-pile) (Remotion, カメラと物理): 白とグレーのシンプルな図形30個と赤いアクセント1個が、リアルな物理で落ち、跳ね、積み重なって山になります。
- [Impact Shake](https://www.subclip.app/ja/motion-graphics-templates/remotion/impact-shake) (Remotion, カメラと物理): 大きな単語が上から落ちて激しく着地し、つぶれ、カメラが揺れ、赤と青が一瞬ずれ、土ぼこりが舞います。
- [Line Boil](https://www.subclip.app/ja/motion-graphics-templates/remotion/line-boil) (Remotion, グラフィックルック): 数フレームごとに伝統的なセルアニメのように揺れるペンの線で描かれた五芒星が、やがて色で塗られます。
- [Blueprint](https://www.subclip.app/ja/motion-graphics-templates/remotion/blueprint) (Remotion, グラフィックルック): スキャンラインが赤いデバイスを、グリッド、白い輪郭線、寸法、注記の吹き出しを備えた青い技術図面に変えます。
- [Duotone Beat](https://www.subclip.app/ja/motion-graphics-templates/remotion/duotone-beat) (Remotion, グラフィックルック): 120 BPMのビートごとに2色のインクが切り替わる網点のシルエットで、各小節の頭ではより強いズームが入ります。
- [Comic Panels](https://www.subclip.app/ja/motion-graphics-templates/remotion/comic-panels) (Remotion, グラフィックルック): マンガのページがスピード線、赤い網点、星形の爆発を伴う3コマに割れ、大きなPOWで締めくくられます。
- [Long Shadow](https://www.subclip.app/ja/motion-graphics-templates/remotion/long-shadow) (Remotion, グラフィックルック): 赤いチェックバッジが端まで伸びるフラットなロングシャドウとともに弾むように現れ、光が動いたかのように影が回ります。
- [Synthwave](https://www.subclip.app/ja/motion-graphics-templates/remotion/synthwave) (Remotion, グラフィックルック): 見る人に向かってスクロールする赤いグリッド、オレンジから赤へ変わる縞模様の太陽の日の出、スライドインする2つの山並みを備えた80年代風のシーンです。
- [Brick Mosaic](https://www.subclip.app/ja/motion-graphics-templates/remotion/brick-mosaic) (Remotion, グラフィックルック): おもちゃのブロックが暗い基礎板に1列ずつ、それぞれ小さく跳ねながら落ちてきて、ピクセルアートの画像になります。
- [X-Ray Scan](https://www.subclip.app/ja/motion-graphics-templates/remotion/x-ray-scan) (Remotion, グラフィックルック): スキャナーバーが赤いスマートフォンの背面を通過し、内部を白い線画で見せ、1つの部品をハイライトします。
- [Cursor](https://www.subclip.app/ja/motion-graphics-templates/remotion/cursor) (Remotion, クリック): 柔らかな影とクリック時の波紋リングを備えた、矢印または手の形のすっきりしたmacOS風カーソルで、製品デモに使えます。
- [Search Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/search-reveal) (Remotion, UI): 細い補助線の円が広がって検索バーに収まり、テキストが入力され、その背後にカラフルなグラフィックパネルが開きます。
- [Combobox](https://www.subclip.app/ja/motion-graphics-templates/remotion/combobox) (Remotion, UI): プレースホルダー付きのトリガー、開いた選択肢パネル、ハイライトされた行を備えた検索付きセレクトコンポーネントで、UIデモ動画に使えます。
- [Command Menu](https://www.subclip.app/ja/motion-graphics-templates/remotion/command-menu) (Remotion, UI): 検索欄とショートカット付きのコマンド一覧を備えたキーボード用コマンドパレットを、暗くした背景の上に開いた状態で表示します。
- [Context Menu](https://www.subclip.app/ja/motion-graphics-templates/remotion/context-menu) (Remotion, UI): 4つの操作とホバー中の行を備えた右クリックメニューのパネルで、UIデモでカーソルの位置に置いてすぐ使えます。
- [Resizable](https://www.subclip.app/ja/motion-graphics-templates/remotion/resizable) (Remotion, UI): 仕切りハンドルのある2パネルのレイアウトで、UIデモ動画向けに分割比率とハンドルの状態を設定できます。
- [Skeleton](https://www.subclip.app/ja/motion-graphics-templates/remotion/skeleton) (Remotion, UI): 丸いアバターと2行のテキストの上を光沢が流れるスケルトンのローディングカードです。
- [Slider](https://www.subclip.app/ja/motion-graphics-templates/remotion/slider) (Remotion, UI): 塗りの値とつまみの状態を設定できるすっきりしたレンジスライダーで、つまみの上に現在の値が表示されます。
- [Stepper](https://www.subclip.app/ja/motion-graphics-templates/remotion/stepper) (Remotion, UI): ラベル付きの3ステップを持つ横向きのオンボーディング用ステッパーで、アクティブなステップを設定して進捗を見せられます。
- [Tabs](https://www.subclip.app/ja/motion-graphics-templates/remotion/tabs) (Remotion, UI): ピル型または下線のインジケーターと、アクティブなタブ用の短い文章パネルを備えたタブコンポーネントです。
- [Toast](https://www.subclip.app/ja/motion-graphics-templates/remotion/toast) (Remotion, UI): アイコン、タイトル、詳細の1行を備えた小さな通知カードで、標準または成功のスタイルがあり、アプリのデモ動画に使えます。
- [Typing Indicator](https://www.subclip.app/ja/motion-graphics-templates/remotion/typing-indicator) (Remotion, UI): チャットアプリの入力中インジケーターのように、小さなドットの列が順番になめらかな波となって弾みます。
- [Signup Flow](https://www.subclip.app/ja/motion-graphics-templates/remotion/signup-flow) (Remotion, UI): shadcn風の登録カードで、カーソルが名前、メール、パスワードを入力し、ローディング状態を経て送信し、成功のトーストを受け取ります。
- [Checkout Flow](https://www.subclip.app/ja/motion-graphics-templates/remotion/checkout-flow) (Remotion, UI): 支払いサイクルの切り替え、カード入力欄、規約のチェックボックスを備えた決済カードを、カーソルが入力して支払い、最後に成功のトーストが表示されます。
- [Settings Toggle Flow](https://www.subclip.app/ja/motion-graphics-templates/remotion/settings-toggle-flow) (Remotion, UI): 2列の設定カードで、カーソルが通知をオンにし、テーマを選び、スライダーをドラッグして保存します。
- [Release Teaser](https://www.subclip.app/ja/motion-graphics-templates/remotion/release-teaser) (Remotion, フル動画): 架空の製品Orvio 2のための映画的なリリース告知で、控えめなキネティックタイポグラフィ、立体的なリングのマーク、動くエッジライトが特徴です。
- [Brand Guidelines](https://www.subclip.app/ja/motion-graphics-templates/remotion/brand-guidelines) (Remotion, フル動画): 架空のスタジオForm Studyのためのエディトリアルなブランド動画で、マーク、パレット、タイポグラフィ、写真を順に紹介します。
- [Workflow Console](https://www.subclip.app/ja/motion-graphics-templates/remotion/workflow-console) (Remotion, フル動画): ネイビーとアイスブルーの製品動画で、リリースの依頼がチェック、ロールアウト、パイプライン分析、スケーリングの判断へと進みます。
- [Product Showcase](https://www.subclip.app/ja/motion-graphics-templates/remotion/launch-anything) (Remotion, フル動画): クロームのタイトルから、7つの製品デモを映すノートパソコン、写真、アドレス、締めのマークへと進むエディトリアルな製品動画です。
- [Order Flow](https://www.subclip.app/ja/motion-graphics-templates/remotion/fomo-limit-orders) (Remotion, フル動画): 架空のトレーディングアプリのためのグラファイトとアンバーの製品動画で、スマートフォンで決済価格を設定する方法を見せます。
- [Blur Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/blur-reveal) (Remotion, タイトル): 短い文章が柔らかく曇ったぼかしから鮮明な焦点へと漂い出すセリフ テキスト アニメーション。それぞれが新しい単色のパネルに設定されています。
- [Orbit Labels](https://www.subclip.app/ja/motion-graphics-templates/remotion/orbit-labels) (Remotion, タイトル): 色付きのネームタグが、淡い背景にある薄い紫色のリングを周回していて、見る人に向かって、または遠ざかるにつれて拡大してぼやけます。
- [Word Carousel](https://www.subclip.app/ja/motion-graphics-templates/remotion/word-carousel) (Remotion, タイトル): 白地に水平方向の単語カルーセル。4 つの単語がスロット間をスライドし、中央の単語が濃い青で拡大し、サイドの単語が縮小して消えます。
- [Blur Glow](https://www.subclip.app/ja/motion-graphics-templates/remotion/blur-glow) (Remotion, タイトル): 明るい紙の背景に光る単語アニメーション。各大胆な単語が柔らかい色の後光の中に収まり、次の単語にフェードインします。
- [Design Tiles](https://www.subclip.app/ja/motion-graphics-templates/remotion/design-tiles) (Remotion, タイトル): セリフ フレーズは 1 つのタイトな線として設定されており、各文字の裏には、明るい色をワイプしてシャッフルするぴったりとした色のタイルが付いています。
- [Stamp Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/stamp-type) (Remotion, タイトル): ハイライト バー上のテキストのない太字の 4 行がフレーム内を段階的に飛び越え、ハードカットのカラー背景上の所定の位置にスタンプされます。
- [Reality Split](https://www.subclip.app/ja/motion-graphics-templates/remotion/reality-split) (Remotion, タイトル): エディター スタイルの選択ハンドルを使用して個々のレター ボックスに分割され、黄色のフィールド全体に散在し、元の単語に再組み立てされるタイトル。
- [Checker Conveyor](https://www.subclip.app/ja/motion-graphics-templates/remotion/checker-conveyor) (Remotion, タイトル): フルフレームのチェッカーボード アニメーション。9 列のタイルがベルトコンベアのように横にスライドし、新しいパターンとカラー パレットをもたらします。
- [Glass Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/glass-type) (Remotion, タイトル): 白地に黒のセリフ体を可動ガラスレンズを通して見ると、文字が歪み、端に細い虹の縁が追加されます。
- [Sunset Slam](https://www.subclip.app/ja/motion-graphics-templates/remotion/sunset-slam) (Remotion, タイトル): 濃い青からオレンジ色の日の出の輝きに消えていく収束するトレイルの上に、ブロック状の白いレタリングが所定の位置に叩きつけられる短いロゴの刺し傷。
- [Rush Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/rush-type) (Remotion, タイトル): 黒地に白い文字が曲がりくねった道を飛び回り、動くと色付きの光跡ににじみ、止まると鋭く音を立てます。
- [Ink Flood](https://www.subclip.app/ja/motion-graphics-templates/remotion/ink-flood) (Remotion, タイトル): ブラシスタイルの落書きでは、白いフレームに黒いインクが溢れ、色が反転し、インクから白く切り取られた単語が現れます。
- [Bond Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/bond-type) (Remotion, タイトル): ブロック状のピクセル フォント内の 2 つの単語は、分子のように分解して再配置され、各文字は短いピクセル結合によって隣の文字とリンクされます。
- [Wild Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/wild-type) (Remotion, タイトル): まるでストレッチシートに印刷されているかのように、ダークネイビーのフレームを横切って曲がる特大の白い単語と、その後ろに滑り込む青いオフセットアウトライン。
- [Dash Cascade](https://www.subclip.app/ja/motion-graphics-templates/remotion/dash-cascade) (Remotion, タイトル): 短い単語は、1 つの点線から途切れ途切れの文字ごとの波のように展開する、丸い黄色の破線の 10 行の積み重ねから描画されます。
- [Loud Burst](https://www.subclip.app/ja/motion-graphics-templates/remotion/loud-burst) (Remotion, タイトル): 白地に短い太字の文があり、その周りに走り書きされた色の線が散りばめられており、4 つの一致する色のペアが循環しています。
- [Flood Typography](https://www.subclip.app/ja/motion-graphics-templates/remotion/flood-typography) (Remotion, タイトル): 2 行、2 色のキネティック タイポグラフィ。大きな単語が 1 つずつドロップし、保持し、カメラに向かってズームし、画面から転がり落ちます。
- [Swing Typography](https://www.subclip.app/ja/motion-graphics-templates/remotion/swing-typography) (Remotion, タイトル): 白地に巨大な色文字が固定窓の中で振り子のように揺れ、次々と反転して単語を切り替えます。
- [Data story](https://www.subclip.app/ja/motion-graphics-templates/remotion/data-story) (Remotion, グラフ): 黒地にアニメーション化された棒グラフ。見出し、番号付きの棒、最後の棒が輝くアクセント カラーで強調表示されています。
- [Generative mosaic](https://www.subclip.app/ja/motion-graphics-templates/remotion/generative-mosaic) (Remotion, 製品デモ): 丸いタイルの暗いグリッドが中央のタイトル タグの周りで青と紫に点灯し、シードごとに新鮮なパターンが表示されます。
- [Split comparison](https://www.subclip.app/ja/motion-graphics-templates/remotion/split-comparison) (Remotion, グラフ): スライドの前後に分割された画面。両側に 1 つの大きな数字があり、「Before」と「After」というラベルが付けられ、中央の仕切りで区切られています。
- [Golden bounce 3D](https://www.subclip.app/ja/motion-graphics-templates/remotion/golden-bounce-3d) (Remotion, 3D要素): 5 つの光沢のある金色の球体が暗い床に落ち、着地すると押しつぶされ、リアルな跳ね返りで跳ね返ります。3D でレンダリングされます。
- [Glowing fish](https://www.subclip.app/ja/motion-graphics-templates/remotion/glowing-fish-lottie) (Remotion, 3D要素): 黒地に小さな光る魚 Lottie アニメーションが目に飛び込んできます。その下には編集可能なタイトルと帰属表示が表示されます。
- [River sequence](https://www.subclip.app/ja/motion-graphics-templates/remotion/river-sequence) (Remotion, 地図): 中国からインドに至るヤルン ツァンポ川とブラマプトラ川を輝く線として描いたアニメーション地図で、カメラが追うと各国が明らかになります。
- [Map explainer](https://www.subclip.app/ja/motion-graphics-templates/remotion/map-explainer) (Remotion, 地図): ラベル付きのポイントと、ズームして経路を追跡するカメラを使用して、都市間のルートを描画するリアルな地球儀アニメーション。
- [Subclip Scenic Reel Composer](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-scenic-reel-composer) (HyperFrames, AIチャット入力): ガラス風の入力欄と回転する写真ギャラリーを使う動画テンプレートです。
- [Subclip Momentum Growth Headline](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-momentum-growth-headline) (HyperFrames, タイトル): 入力される見出しと伸びるグラフを使う動画テンプレートです。
- [Subclip Guided Word Spotlight](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-guided-word-spotlight) (HyperFrames, タイトル): カメラが追う単語ごとのテキストを使う動画テンプレートです。
- [Subclip Hinged Laptop Showcase](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-hinged-laptop-showcase) (HyperFrames, 画面とデバイス): 開閉するノートPCと画面へのズームを使う動画テンプレートです。
- [Subclip Aurora Brand Signature](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-aurora-brand-signature) (HyperFrames, タイトル): 柔らかなグラデーション上のロゴと文字を使う動画テンプレートです。
- [Subclip Creative Brief Launcher](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-creative-brief-launcher) (HyperFrames, AIチャット入力): 依頼文の入力と送信完了の表示を使う動画テンプレートです。
- [Subclip Panorama Device Gallery](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-panorama-device-gallery) (HyperFrames, 画面とデバイス): 四つのスマホ画面と製品の見出しを使う動画テンプレートです。
- [Subclip Mobile Action Spotlight](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-mobile-action-spotlight) (HyperFrames, 画面とデバイス): スマホのボタン拡大と締めのタイトルを使う動画テンプレートです。
- [Subclip Pocket AI Composer](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-pocket-ai-composer) (HyperFrames, AIチャット入力): 送信ボタンにズームするモバイルAI入力欄を使う動画テンプレートです。
- [Subclip Release-to-Video Assistant](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-release-to-video-assistant) (HyperFrames, AIチャット入力): 動画の結果表を含むAIの回答を使う動画テンプレートです。
- [Subclip Connected Creative Workspace](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-connected-creative-workspace) (HyperFrames, AIチャット入力): 素材の接続とクリエイティブ作業画面を使う動画テンプレートです。
- [Subclip Intent Search Animation](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-intent-search-animation) (HyperFrames, AIチャット入力): 選択して書き換える検索クエリを使う動画テンプレートです。
- [Subclip Production Progress Tracker](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-production-progress-tracker) (HyperFrames, AIチャット入力): 進行状況と完了マーク付きのタスクリストを使う動画テンプレートです。
- [iOS Notification](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/notification-cascade) (HyperFrames, SNSとチャット): 4 つの iPhone スタイルのバナーが次々に重なり、最後にヘッドラインとロゴ カードが表示される垂直方向の通知オーバーレイ。
- [Instant Carousel](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/share-sheet-carousel) (HyperFrames, SNSとチャット): 白い丸いカード内で 4 枚の写真を循環させる垂直方向の画像カルーセル。現在の画像の柔らかくぼかしたコピーが背景を埋めます。
- [macOS Notification](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/macos-notification) (HyperFrames, SNSとチャット): macOS スタイルの通知バナーが一度に 1 つずつ右上隅に表示され、列に積み重なるワイドスクリーン オーバーレイ。
- [Instagram Follow](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/instagram-follow) (HyperFrames, SNSとチャット): コンパクトなプロフィール ピルを備えた透明な垂直オーバーレイ。[フォロー] ボタンが [フォロー中] に切り替わり、視聴者にアカウントのフォローを促すために作成されます。
- [TikTok Follow](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/tiktok-follow) (HyperFrames, SNSとチャット): 透明な 9:16 プロファイル オーバーレイ。ローズレッドの [フォロー] ボタンがチェックマーク付きのフォロー状態に切り替わります。
- [X Post Card](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/x-post) (HyperFrames, SNSとチャット): ダークテーマのワイドスクリーンソーシャルポストカード。プロフィール、投稿テキスト、アクション行が表示され、カウントが増加するアニメーションが表示されます。
- [Reddit Post Card](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/reddit-post) (HyperFrames, SNSとチャット): ワイドスクリーンのコミュニティポストカードには、サブレディットの行、太字の見出しと本文があり、最後に賛成票が湧き出てスコアが上がります。
- [Thread Message](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/thread-message-stack) (HyperFrames, SNSとチャット): ワイドスクリーンのテキスト会話。柔らかくぼやけたカラーフィールド上に、灰色の着信バブルと青色の発信バブルが次々と表示されます。
- [Comment Cards](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/yt-comment-card) (HyperFrames, SNSとチャット): 2 つの視聴者のコメントが順番に表示されるワイドスクリーン オーバーレイ。それぞれのコメントにはイニシャルのアバター、ユーザー名、タイム ラベル、入力されたテキスト、および反応行が含まれます。
- [YouTube Lower Third](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/yt-lower-third) (HyperFrames, ローワーサードとCTA): 透明なワイドスクリーンのテロップ に、チャンネルのアバターとチャンネル名が、チャンネル登録済み状態になるチャンネル登録ボタンの横に表示されます。
- [Grid Pixelate](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/grid-pixelate) (HyperFrames, トランジション): 正方形のタイルが成長してフレーム全体をカバーし、その後縮小してシーン間をカットするきれいな瞬間を残すピクセル グリッド トランジション。
- [Hand Drawn Scribble](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/hw-callout-circle) (HyperFrames, 注釈): ぐらぐらする白い楕円が対象を囲み、マーカーのハッチングがそれを塗りつぶし、湾曲したコネクタが手書きのラベルにつながる手描きの吹き出し。
- [Squiggle Marks](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/hw-underline) (HyperFrames, 注釈): 3 つの行が波線の下線、二重取り消し線、および曲線括弧で順番にマークされている手書きのテキスト注釈。
- [Multiplayer Cursor](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/multiplayer-cursors) (HyperFrames, クリック): ネームタグが付いた 2 ～ 6 個の色付きカーソルが設定されたパスに沿って滑走し、光るフォーカス リングの周りに集まるコラボレーション アニメーションです。
- [Parallax Device Dive](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/parallax-device-dive) (HyperFrames, 画面とデバイス): ダッシュボードを表示しているデバイスが上昇して保持し、UI レイヤーが引き離されるにつれてフレーム全体にズームする携帯電話のモックアップ アニメーション。
- [Parallax Unzoom](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/parallax-unzoom) (HyperFrames, タイトル): プルバック トランジションでは、全画面カードが 3 行 3 列のグリッドの中心に縮小し、その周囲に 8 色の隣接カードが移動します。
- [Parallax Zoom](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/parallax-zoom) (HyperFrames, タイトル): 3 行 3 列のカラー カードのグリッドで開始され、フレームを満たすまで中央のカードに押し込まれるズーム トランジション。
- [Settings Toggle](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/settings-toggle-flow) (HyperFrames, UI): 白いカード上に 3 つのラベル付き行が表示され、それらのトグル スイッチがスライドしてオンまたはオフになる設定パネルのアニメーション。
- [Store Badge](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/store-badge-lockup) (HyperFrames, ローワーサードとCTA): 最初に大きな見出しが表示され、その下に App Store および Google Play スタイルのバッジが続くアプリ ダウンロード エンド カード。
- [Neon Border](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/lt-neon-border) (HyperFrames, ローワーサードとCTA): 透明なテロップ に暗い名刺があり、その境界線が柔らかな光を放つ 2 つの対向するネオン アークによってなぞられています。
- [Skeleton Reveal](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/skeleton-reveal) (HyperFrames, UI): きらめくスケルトンのプレースホルダーが、太字の名前と詳細行を持つカードにクロスフェードする短い読み込み状態のアニメーション。
- [Staggered Fade Up](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/staggered-fade-up) (HyperFrames, タイトル): シンプルな単語ごとのテキストでは、各単語がどこでフェードインし、わずかにスケールアップして、短い距離をスライドして最後の位置に入るのかがわかります。
- [Text Stagger](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/text-stagger) (HyperFrames, タイトル): 一行の見出しが千鳥状に上昇して定位置に収まり、テキスト全体に色のきらめきが 1 回適用されます。
- [Intro Video](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/intro-video) (HyperFrames, 製品デモ): スクリプト化された製品デモのイントロは、キネティック テキストで開き、アシスタント入力にプロンプトを入力し、送信をクリックするとプロジェクト結果カードが表示されます。
- [ChatGPT Exchange](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/chatgpt-exchange) (HyperFrames, AIチャット入力): 垂直方向のダークモード チャット アニメーション。質問が入力され、返信が 4 行のワークフロー テーブルで返され、ビューがスクロールしてそれを読みます。
- [Claude Exchange](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/claude-exchange) (HyperFrames, AIチャット入力): 入力された質問が計画と検索のステップにつながり、長いセリフの答えが流れてスクロールする、縦型の温かみのあるダーク チャット アニメーションです。
- [Gallery Tunnel](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/gallery-tunnel) (HyperFrames, 製品デモ): 明るい色のパネルと細いグリッド線が中央の消失点に向かって進む通路を並べる透視トンネル。
- [Chat Thread 2](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/chat-thread-2) (HyperFrames, SNSとチャット): タイプされた返信、リンクのプレビュー、絵文字の反応、クロージング カードで終わる開封確認を含む、縦型の電話フレームのテキスト会話。
- [Minimal Line Graph](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/minimal-line-graph) (HyperFrames, グラフ): 透明な背景にきれいな 2 系列の折れ線グラフ。各点に値ラベル、下部に月ラベル、小さな凡例が付いています。
- [Spain Map](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/spain-map) (HyperFrames, 地図): バレアレス諸島とカナリア諸島を含むスペインの地域を値ごとに色分けしたアニメーション マップ。タイトル、サブタイトル、色の凡例が付いています。
- [India Map](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/india-map) (HyperFrames, 地図): 各州と連合の領土を値、ラベル、タイトル、サブタイトル、低位から高位までの凡例で色分けした 12 秒のインド地図。
- [France Map](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/france-map) (HyperFrames, 地図): 値、地域名、タイトル、サブタイトル、カラー スケールによって各地域が陰影付けされた、フランス大都市圏のコロプレス マップ。
- [US Map](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/us-map) (HyperFrames, 地図): 地域を順番に表示し、アラスカ、ハワイ、州ラベル、色の凡例を使用して各州を値ごとに色分けした米国の州地図。
- [US Flow Map](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/us-flow-map) (HyperFrames, 地図): 湾曲した青い円弧が主要都市を結び、小さな点がそれに沿って移動し、都市から都市への流れを示す暗い米国の地図。
- [ChatGPT Chat](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/ai-chat-reveal) (HyperFrames, AIチャット入力): 9 分 16 秒のアシスタント チャット アニメーション。入力された質問、箇条書きのストリームされた回答、最後の CTA カードが表示されます。
- [Animated Bar](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/animated-bar) (HyperFrames, グラフ): 成長するバー、滑らかなトレンド曲線、右上隅に大きなパーセンテージの吹き出しを備えたコンパクトなモノクロ チャート カード。
- [Bar Chart Race](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/bar-chart-race) (HyperFrames, グラフ): 追い越し、強調表示されたリーダー、再スケーリング軸、および期間カウンターを含む、期間を通じてアニメーション化されるランク付けされた水平棒グラフ。
- [Data Chart](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/data-chart) (HyperFrames, グラフ): 月次収益バーとコンバージョン率線、値ラベル、凡例およびソース注記を組み合わせた編集用コンボ チャート。
- [Camera Follow Captions](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/caption-camera-follow) (HyperFrames, タイトル): 動的キャプションでは、新しい単語が太字の大文字の成長ブロックに収まり、カメラが後ろに下がって文全体が表示されます。
- [Whiteboard Bulb](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/whiteboard-bulb) (HyperFrames, 注釈): 動くペンで一筆一筆描かれた電球のホワイトボード スタイルのスケッチ、色付きのアクセント マーク、その下にキャプション。
- [Whiteboard Rocket](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/whiteboard-rocket) (HyperFrames, 注釈): ペンで描かれたフィン、排気ライン、色付きの窓を備えたロケットのスケッチと、それに続く紙の背景に短い打ち上げのキャプション。
- [Chat Thread](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/chat-thread) (HyperFrames, SNSとチャット): 9 時 16 分のダークモード テキスト メッセージ スレッド。送受信バブル、ドット入力、リンク プレビュー カード、開封確認が表示されます。
- [CTA Lockup](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/cta-lockup) (HyperFrames, ローワーサードとCTA): 大きな見出し、丸薬の形のボタン、黒地に小さな応援コピーが表示された、最後の CTA 画面。
- [Notes Typing](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/notes-typing) (HyperFrames, UI): スクリーン キーボードでタイトルと 7 行を入力する 9 分 16 秒の電話メモ アニメーション。その後、ブランドのチェックリスト カードで終わります。
- [Outline Draw](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/outline-draw) (HyperFrames, 注釈): 透明な中心を持つ時計回りに描かれた薄い丸い角のアウトライン。ビデオの一部をフレーム化してハイライトするために使用されます。
- [Oversized Cursor](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/oversized-cursor) (HyperFrames, クリック): ボタンに移動し、ボタンをクリックしてチェック マークが反応し、フレームから出る大きな矢印カーソル。
- [Social Proof Card](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/social-proof-card) (HyperFrames, 社会的証明): ブランド名、5 つ星の行、顧客の声、3 つの機能アイコン、CTA ボタンを備えたクリーム色のクロージング カード。
- [Stitched Text Draw](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/stitched-text-draw) (HyperFrames, 注釈): 黒い背景に、針穴と動く針を備えた破線の糸ステッチとして描かれた大文字の単語。
- [Swipe Rail](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/swipe-rail) (HyperFrames, トランジション): 濃いネイビーの背景に、勢いよくスワイプして 1 枚のカードを中央にスナップする番号付きカードの水平レール。
- [Ask Subclip](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/ask-subclip) (HyperFrames, AIチャット入力): AI ビデオ エディターのプロモーション シーン。見出しの下のプロンプト ボックスにリクエストが入力され、その後に結果と最後の行が続きます。
- [Build console](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/build-console) (HyperFrames, UI): いくつかの段階でレンダリング コマンドを実行する暗いターミナル ウィンドウ。チェック マーク、進行状況バー、準備完了バッジが表示されます。
- [Spatial deck](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/spatial-deck) (HyperFrames, 製品デモ): 層状の 3D パースペクティブを通過する一連の青緑色の番号付きカード。それぞれにステップのタイトルと短い説明が表示されます。
- [Kinetic title](https://www.subclip.app/ja/motion-graphics-templates/html-css/kinetic-title) (HTML & CSS, タイトル): 黒地に白の大文字の短い太字のタイトル アニメーション。プレーンな HTML と CSS キーフレームで構築されています。
- [Lower third](https://www.subclip.app/ja/motion-graphics-templates/html-css/lower-third) (HTML & CSS, ローワーサードとCTA): CSS キーフレームで構築された、左下隅のグラデーションのテロップ に、太字の大文字の名前と小さい役割の行が表示されます。
- [Callout card](https://www.subclip.app/ja/motion-graphics-templates/html-css/callout-card) (HTML & CSS, 注釈): 小さなシアン色のラベルと太字の見出しが付いた幅広の暗いカード。ビデオ上で 1 つの重要なポイントを強調するために使用されます。