宇宙スクロールGSAPダーク
Aether — 深宇宙探査
深宇宙惑星探査 — 折りたたまれた領域の下に配置された惑星がビューポートを通り過ぎて拡大し、スクロール操作で軌道上を飛行するような体験に引き込まれます。4つの世界がハードワイプで切り替わります。
製品発表やブランドストーリーでスクロールの手を止めさせたいなら、シネマティックなテンプレートから始めましょう。動画ヒーロー、スクロール連動の3D、パララックス、ガラス調UIを使い、本来は代理店の予算が必要な体験を実現します。製品の披露、自動車やモビリティの発表、宇宙や科学のストーリー、エネルギーやサステナビリティのブランド、大胆なポートフォリオに適しています。DraftlyのAIエディターで見出し、画像、配色を変えても、モーションはそのまま動き続けます。独自ドメインで公開すれば、映画の予告編のようなサイトを数か月ではなく数分で共有できます。
深宇宙惑星探査 — 折りたたまれた領域の下に配置された惑星がビューポートを通り過ぎて拡大し、スクロール操作で軌道上を飛行するような体験に引き込まれます。4つの世界がハードワイプで切り替わります。
電動モペットブランド向けの6ページ構成のライトスタジオ製品サイト — 浮遊するUIカード、スクロール操作で動く360°ターンテーブル、分解図シーケンス、ライブフィニッシュピッカー、カーテンワイプのページトランジション。
温かみのある編集物アーカイブ — ディスプレイセリフが分裂し、アーティファクトカードがその隙間に飛び込み、その後、スクロール操作で7つのオブジェクトが積み重なったデッキに収束します。全画面表示の建築的なクローズアップへと続きます。
シネマティックな自動車発表 — スクロールするとシルクのダストシートが車から持ち上がり、その後、車が画面サイズのワードマークの前後に通過する砂漠走行シーンが展開されます。
6つの世界への石のポータル — アーチは動かず、その向こうの世界は、アーチ内部で開くアーチ型のマスクを通して変化します。その後、石を越えて全画面表示へと広がります。
自律型マイクロドローンの製品発表 — 製品は巨大な文字の間に着地し、スクロール操作で注釈付きの吹き出しと共に展開されます。ページはスクロール中に暗から明へと反転します。
キュレーションされたハイパーカーマーケットプレイスリスト — エンツォの軌道、ベイ、プッシュフィルムを切り替える固定ステージ、その後、仕様と販売者への連絡CTAを含む詳細シート。
CloudFrontヒーロービデオ、220pxのGeneral Sans見出し、インディゴ→パープル→アンバーのAIグラデーション、リキッドグラスナビバー＆ロゴマーキー、requestAnimationFrameフェードループを備えた全画面ダークAIランディング。
#F5F5F5を基調とし、TT Norms Pro、ヒーロービデオ、貯蓄カード、バッカーマーキー、コマースユースケースパネルを備えたプレミアムフィンテックステーブルコインランディング。
GSAPピルBubbleMenu、react-playerビデオ上のマウストレイルSpotlightReveal、ガラス製78%統計カード、Nikeスウッシュブランディングを備えたデュアルスティッキー全画面セクション。
朝/夜テーマ切り替え、プルダウン背景トランジション、ブラーオーバーレイ、Outfitタイポグラフィ、モバイルナビドロワーを備えた全画面ソーラーヒーロー。
Neue Haas Groteskフォント、キャンバスブーメランビデオ背景、ピル型デスクトップナビ、スタッガードモバイルドロワー、FluxEngine CTAブロックを備えたグリーンSaaSヒーロー。
Cloudinaryヒーロービデオ、中央揃え見出し、リキッドグラスナビバー、プレミアムブラーフェードモーションを備えた全画面ダークシネマティックランディング。Vite + React + Tailwind。
全ビューポートシネマティックヒーロー、CloudFrontビデオ、下部背景ブラーマスク、リキッドグラスクローム、blurFadeUpスタッガーを備えた7ページ構成のストリーミングミニサイト。
CloudFrontビデオ、StaggeredFade見出し、リキッドグラスナビバーと再生コントロール、緑のグラデーションCTA、パートナーマーキー、3.7万以上のソーシャルプルーフを備えたシングルビューポートの再生可能エネルギーヒーロー。
GSAPピルバブルメニュー、スポットライトビデオマスク、7つのハッシュルーティングページを備えたスポーツシューズブランド。
ページ全体のCloudFrontビデオ背景、中央配置のヒーローCTA、「Discover」と「Mission」のスクロールセクション、モーションアニメーション付きリキッドグラスフッターとHelveticaナビゲーション。
キャンバススポットライトマスク、パララックスグリッドSVG、ピルナビバー、モバイルハンバーガーメニューを備えた空気清浄機ランディング。
CloudFrontビデオ上のタブ付きヒーローオーバーレイ、fadeInUpモーション、ロゴマーキー、スクロール連動ナビ（Solutions, For Teams, About, Learn Hub）を備えた拡張された1ページAIランディング。Vite + React + Tailwind。
パララックスヒーロービデオ、ダッシュボードモック（チャット＋ライブプレビュー）、草の前景、リキッドグラスナビ、Material Symbols、framer-motionスクロール変換を備えたダークバイオレットランディング（#08020e）。
500vhスクロールスクラブMux HLSヒーロー、Dirtyline ScrollFloatタイプ、3Dパララックスとブランドマーキー付きガラス製「About」パネル、GSAP PillNavリキッドフィルナビゲーション。
電動RVブランド向けの6セクションの黒いスクロールランディング：Instrument Serif + Inter、リキッドグラスCTA、CloudFrontヒーロー/機能/CTAビデオ、Mux HLSステートメントセクション、フェードライズモーション。
丸みを帯びたCloudFrontビデオヒーロー、Outfit見出し、svglロゴマーキー、フローティンググラスドックナビ、機能、エコシステム、ドキュメント、お問い合わせのスクロールセクションを備えた明るいシングルページランディング。Vite + React + Tailwind v4 + motion。
はい。エディターはスクロールや動画の効果を保ったまま、テキスト、色、メディアを変更します。
レスポンシブで最適化されていますが、重い動画は回線が弱いと遅くなることがあります。Assetsパネルでメディアを差し替えたり短くしたりできます。
はい。Assetsパネルから自分の動画や画像をアップロードできます。