# 無料Remotionモーショングラフィックス テンプレート 151 React の無料 Remotion ビデオ テンプレート: テキスト、デモ、3D。 Subclip で編集するか、Claude 用の TSX を取得してください。 Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion TSXで書かれたReactの動画シーンを、無料のRemotionテンプレートとしてまとめました。コードで動画を作る開発者や、ClaudeやCodexのようなAIコーディングエージェントを使う方に向けたページです。キネティックタイポグラフィ、製品デモのシーン、ロゴ演出、グラフ、地図、3D素材があり、いずれも型付きのpropsで内容を変更できます。 ## フレーム番号で動くReactコンポーネント RemotionテンプレートはReactコンポーネントです。タイムラインを再生するのではなく、現在のフレーム番号を受け取り、そこから位置、不透明度、色をすべて計算します。45フレーム目は常に同じ見た目になるので、レンダリング結果が予測しやすく、どの時点にシークしても思わぬズレが出ません。 各テンプレートは設定をpropsとして公開しています。テキスト系はwords、text、headlineなどのpropsを受け取ります。製品シーンは画像、ロゴのソース、色、表示時間などのタイミング値を受け取ります。多くはアニメーション全体の速さを変えるspeedを持ち、シーンの周囲を指定するstageBackgroundを持つものも少なくありません。propを変えれば全フレームの出力が変わるので、キーフレームを手で動かす必要はありません。 さらに凝ったテンプレートもあります。Golden bounce 3DはThree.jsと決定論的な重力計算で球体を描き、Glowing fishはLottieアニメーションをスプリングで登場させ、Map explainerは地球儀の上にルートを描き、カメラがそれを追いかけます。 ## Remotionセットの中身 大部分を占めるのは製品デモのアニメーションです。Answer Streamは送信ボタンから入力される回答までAIの返信を追い、Agent Stepsはスピナーとチェックマーク付きのタスクログを表示します。Terminal Simulatorはコマンドを入力して出力を表示し、Cursor Trackは任意のUI上でポインターを動かしてクリックの波紋を出します。Phone FrameとLaptop Frameは、スクリーンショットや画面録画をデバイスの中に収めます。 ロゴ系にはLogo Flicker、Logo Assemble、Logo Collapse、Wordmark Cutがあります。キネティックタイポグラフィは、Text RevealやText Swapから、Swing Typography、Flood Typography、Ink Flood、Glass Typeのような本格的な文字シーンまでそろっています。Data storyとSplit comparisonはグラフやビフォーアフターの数字を扱い、River sequenceは地図に川を描きながら国を順に表示します。 ## SubclipでのRemotionテンプレートの動かし方 RemotionテンプレートはすべてSubclipにプリインストールされています。SubclipはMacとWindows向けのデスクトップAI動画編集ソフトです。タイムラインに置くと、指定したpropsでコンポーネントが映像と並んでレンダリングされます。propsは自分で編集することも、AIエージェントに「見出しをShip fasterに変えて」「ブランドの青にして」「速さを半分にして」と頼むこともできます。エージェントがpropsを更新したら、完成した動画を書き出すだけです。 一部のテンプレートはSubclipのランタイムが必要で、アプリ内でのみ動作します。テキストセットのBlur Reveal、Stamp Type、Rush Typeといった文字エフェクト系のシーンや、Map explainerの地球儀がそれにあたります。これらのページではコード一式ではなくアプリへの案内を表示しています。 ## Claude、Codex、自分のプロジェクト向けのコード一式 多くのRemotionテンプレートは、無料サインイン後にコード一式を入手できます。いちばん手早いのはプロンプト付きでコードをコピーする方法です。TSX全体と、エージェントが変更できるpropsを明記したClaudeやCodex向けのプロンプトがクリップボードに入ります。エージェントに貼り付けて、変えたい内容を伝えてください。 ファイルが欲しい場合はzipをダウンロードします。template.tsx、初期値を記したprops.json、新しいRemotionプロジェクトでの動かし方を説明したREADME、コーディングエージェントに編集可能な範囲を伝えるAGENTS.mdとCLAUDE.mdが入っています。あとは自分のRemotion環境でレンダリングしても、既存のコンポジションの中でコンポーネントとして使ってもかまいません。 ## 151件のテンプレート - [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, 地図): ラベル付きのポイントと、ズームして経路を追跡するカメラを使用して、都市間のルートを描画するリアルな地球儀アニメーション。 ## その他の無料Remotionモーショングラフィックス テンプレート - [Remotion: 製品デモ](https://www.subclip.app/ja/motion-graphics-templates/remotion/product-demo-animations) - [Remotion: タイトル](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-animations) - [Remotion: 画面とデバイス](https://www.subclip.app/ja/motion-graphics-templates/remotion/screen-device-animations) - [Remotion: クリック](https://www.subclip.app/ja/motion-graphics-templates/remotion/cursor-click-animations) - [Remotion: AIチャット入力](https://www.subclip.app/ja/motion-graphics-templates/remotion/ai-chat-animations) - [Remotion: 社会的証明](https://www.subclip.app/ja/motion-graphics-templates/remotion/social-proof-animations) - [Remotion: UI](https://www.subclip.app/ja/motion-graphics-templates/remotion/ui-animations)