宇宙スクロールGSAPダーク
Aether — 深宇宙探査
深宇宙惑星探査 — 折りたたまれた領域の下に配置された惑星がビューポートを通り過ぎて拡大し、スクロール操作で軌道上を飛行するような体験に引き込まれます。4つの世界がハードワイプで切り替わります。
すぐに使えるサイトをプレビューし、チャットやクリック編集でコピーをカスタマイズ、またはプロジェクト全体をZIPでダウンロードできます。
深宇宙惑星探査 — 折りたたまれた領域の下に配置された惑星がビューポートを通り過ぎて拡大し、スクロール操作で軌道上を飛行するような体験に引き込まれます。4つの世界がハードワイプで切り替わります。
電動モペットブランド向けの6ページ構成のライトスタジオ製品サイト — 浮遊するUIカード、スクロール操作で動く360°ターンテーブル、分解図シーケンス、ライブフィニッシュピッカー、カーテンワイプのページトランジション。
温かみのある編集物アーカイブ — ディスプレイセリフが分裂し、アーティファクトカードがその隙間に飛び込み、その後、スクロール操作で7つのオブジェクトが積み重なったデッキに収束します。全画面表示の建築的なクローズアップへと続きます。
シネマティックな自動車発表 — スクロールするとシルクのダストシートが車から持ち上がり、その後、車が画面サイズのワードマークの前後に通過する砂漠走行シーンが展開されます。
6つの世界への石のポータル — アーチは動かず、その向こうの世界は、アーチ内部で開くアーチ型のマスクを通して変化します。その後、石を越えて全画面表示へと広がります。
自律型マイクロドローンの製品発表 — 製品は巨大な文字の間に着地し、スクロール操作で注釈付きの吹き出しと共に展開されます。ページはスクロール中に暗から明へと反転します。
DNA検査ブランドのランディングページ — ネイビーの空間に固定されたWebGLの二重らせん。スクロールするとカメラがらせんを辿り、コピーブロックが各ビートで一行ずつマスク表示されます。
AI職場知識検索スタートアップ — 数千の三角形スプライトによる固定されたパーティクルシーンが、マニフェスト、チーム、投資家、CTAをスクロールして通過するにつれて、脳 → 雲 → 電球 → 地球 → ブランドマークへと変化します。
ファッションハウスのヒーロースライダー — WebGL画像トランジション、フィルムサムネイル、そしてstella、loria、miraの各作品の次期ルックプレビューを備えた単一の全画面製品ステージ。
写真から漫画へのアプリのローンチフィルムを、固定されたスクロール操作セクションに再マッピング — 真っ黒な背景、パステルネオンの文字、画像ウォール、回転するホイール、フィナーレのワードマーク。
イラストレーション2Dモーショングラフィックスイベントプロモーション — 7つのビート間でハードなカメラ移動とマスクワイプ、マゼンタ / ハイビズイエロー / ミントのパレット、ホストラインナップ、ライブストリームCTA。
スクロール駆動のマイクロサイトとして再構成されたアニメーションドラマのタイトルシーケンス — フラットな2Dキャラクタービート、手描きの数式、キャストカード、エピソードリスト、視聴CTA。
キュレーションされたハイパーカーマーケットプレイスリスト — エンツォの軌道、ベイ、プッシュフィルムを切り替える固定ステージ、その後、仕様と販売者への連絡CTAを含む詳細シート。
リキッドグラスUI、スクロールワードリビール、プラットフォームカード、HLS CTAビデオを備えた黒のモノクロニュースレターランディング。
CloudFrontヒーロービデオ、220pxのGeneral Sans見出し、インディゴ→パープル→アンバーのAIグラデーション、リキッドグラスナビバー＆ロゴマーキー、requestAnimationFrameフェードループを備えた全画面ダークAIランディング。
#F5F5F5を基調とし、TT Norms Pro、ヒーロービデオ、貯蓄カード、バッカーマーキー、コマースユースケースパネルを備えたプレミアムフィンテックステーブルコインランディング。
Rubikタイポグラフィ、黒地にブランドレッド #EE3F2C、全画面CloudFrontビデオ（オーバーレイなし）、角が切り取られたCTA、ガラス製コンサルテーションカードを備えたロジスティクスヒーロー。
Cloudinaryビデオヒーロー、Manrope/Italiana/Marck Scriptタイポグラフィ、赤い雲のパララックス（#FF0000）、S.P.D署名、モーション/Reactスクロール変換を備えた2セクションスクロールランディング。
遅延ロードSpline 3D、Orbitronグラデーション見出し、技術仕様カード、モノピルバッジを備えた全ビューポート黒ヒーロー。
CloudFrontビデオ、Britanica統計カード、デュアルロゴマーク、CSSのみのインタラクションを備えた全ビューポート赤クリエイティブスタジオヒーロー。
General Sans、CloudFrontビデオと黒/50オーバーレイ、LOGOIPSUMナビバー、ドロップダウンナビ、レイヤードグローストリーク「ウェイティングリストに参加」ピル、グラデーション見出しを備えた全画面Web3ヒーロー。
GSAPピルBubbleMenu、react-playerビデオ上のマウストレイルSpotlightReveal、ガラス製78%統計カード、Nikeスウッシュブランディングを備えたデュアルスティッキー全画面セクション。
朝/夜テーマ切り替え、プルダウン背景トランジション、ブラーオーバーレイ、Outfitタイポグラフィ、モバイルナビドロワーを備えた全画面ソーラーヒーロー。
Instrument Serif、CloudFrontループビデオフェード、ニュースレター登録、7ページ構成の好奇心を刺激するスタジオサイトを備えたリキッドグラスシネマティックヒーロー。
Neue Haas Groteskフォント、キャンバスブーメランビデオ背景、ピル型デスクトップナビ、スタッガードモバイルドロワー、FluxEngine CTAブロックを備えたグリーンSaaSヒーロー。
Futuraタイポグラフィ、全画面CloudFrontヒーロービデオ、ピル型ナビバー、グラデーションCTAを備えたシングルページセキュリティランディング。
全画面ヒーロービデオ、ピル型ナビバー、黒/白のReadex Proタイポグラフィを備えた7ページ構成のデータセキュリティSaaSミニサイト。
Latoタイポグラフィ、CloudFrontヒーロービデオ、物件カード、仕組みパネル、Recharts投資分析。7つのハッシュルーティングページ、サイトフッターなし。
CloudFrontヒーロービデオ、ステップ進行、ソーシャルサインイン、モーション/Reactフォームアニメーションを備えた2カラム登録UI。
スタックされたWebGPUシェーダー、ライブロンドン時計、テキストロールCTA、概要グリッド、ビデオケーススタディを備えたデザインエージェンシーランディング。
Poppinsタイポグラフィ、Mux HLSヒーローカード、会社概要/サービス/料金/ブログのルートを備えた7ページ構成のバイオテックコンサルティングミニサイト。
全画面CloudFrontビデオ、Anton見出し、クライアントロゴバー、温かみのある#F5F3EEキャンバス上のサインアップ/ログインCTAを備えたシングルビューポートエージェンシーヒーロー。
全画面CloudFrontビデオ、Anton見出し、クライアントロゴカード、温かみのあるキャンバス上の黒いサインアップ/ログインCTAを備えたシングルビューポートエージェンシーヒーロー。
Cloudinaryヒーロービデオ、中央揃え見出し、リキッドグラスナビバー、プレミアムブラーフェードモーションを備えた全画面ダークシネマティックランディング。Vite + React + Tailwind。
全ビューポートシネマティックヒーロー、CloudFrontビデオ、下部背景ブラーマスク、リキッドグラスクローム、blurFadeUpスタッガーを備えた7ページ構成のストリーミングミニサイト。
固定ヒーロービデオ、Helvetica Nowタイポグラフィ、FadeUpモーション、サービスカード、ハッシュルーティングされたサービス、事例、料金、チーム、お問い合わせページを備えたAIオートメーションエージェンシー。
全画面CloudFrontビデオ（オーバーレイなし）、グラスモーフィズムのお知らせピル、Instrument Serifイタリック「and」、Framer Motionモバイルナビシートを備えた紫色のホテル予約ヒーロー。
ShinyTextグラデーション見出し、灰色の枠線付きナビゲーションピル、7ページの教育ミニサイトを備えた全画面のCloudFrontビデオヒーロー。
CloudFrontビデオ、StaggeredFade見出し、リキッドグラスナビバーと再生コントロール、緑のグラデーションCTA、パートナーマーキー、3.7万以上のソーシャルプルーフを備えたシングルビューポートの再生可能エネルギーヒーロー。
CloudFrontビデオ上のリキッドグラスウェルネスヒーロー。Geistタイポグラフィ、インフィニティロゴマーク、ウェルネスドロップダウンナビ、ルーティンとチームのスクロールセクションが特徴。
GSAPピルバブルメニュー、スポットライトビデオマスク、7つのハッシュルーティングページを備えたスポーツシューズブランド。
マグネットヒーローポートレート、スクロール連動モーションサイトGIFマーキー、スクロールで表示される「About」コピー、白いサービスバンド、スティッキーな積み重ねプロジェクトカードを備えたダークなKanitポートフォリオ。
ページ全体のCloudFrontビデオ背景、中央配置のヒーローCTA、「Discover」と「Mission」のスクロールセクション、モーションアニメーション付きリキッドグラスフッターとHelveticaナビゲーション。
リキッドグラスUI、キャリアタイムライン、クライアントの声、マーキーツールアイコン、ダークキャンバス上のCloudFrontヒーロービデオを特徴とする個人ポートフォリオセクション。
3パネルのキャンバスブーメランビデオ、中央カード上のピルオーバーレイ、ウェイティングリストCTAを備えた全ビューポートのダークワークスペースヒーロー。
キャンバススポットライトマスク、パララックスグリッドSVG、ピルナビバー、モバイルハンバーガーメニューを備えた空気清浄機ランディング。
Helveticaタイポグラフィ、CloudFrontビデオ背景、流動的なステーキングバッジ、利回り統計カード、ドキュメントコーナーカットアウトを備えたグラスモーフィズムDeFiヒーロー。
Helveticaタイポグラフィ、CloudFrontビデオ背景、流動的なステーキングバッジ、利回り統計カード、ドキュメントコーナーカットアウトを備えたグラスモーフィズムDeFiヒーロー。
CloudFrontビデオ上のタブ付きヒーローオーバーレイ、fadeInUpモーション、ロゴマーキー、スクロール連動ナビ（Solutions, For Teams, About, Learn Hub）を備えた拡張された1ページAIランディング。Vite + React + Tailwind。
分割ヒーロー画像＋ビデオスライドショー、ホイールハイジャック付きベストセラーカルーセル、全面表示カテゴリビデオを備えた3セクションのスキンケアランディング。
Product Huntバッジ、グラデーション「ビルダー」＋点線選択フレーム、CloudFrontデモビデオ、製品、ソリューション、リソース、事例、価格、お問い合わせのハッシュルートを備えたInterジオマッピングSaaSヒーロー。
Antonディスプレイタイプ、グレインオーバーレイ、650msのロールベースクロスフェードアニメーションを備えた全ビューポートのキャラクターフィギュアカルーセル。
CloudFrontヒーロービデオ、250ms rAF FadingVideo、Schibsted/Inter/Noto/Fustatタイポグラフィ、検索＋バッジクローム、スクロールターゲット付き機能ナビドロップダウン、配線されたプラットフォーム/プロジェクト/コミュニティ/お問い合わせセクションを備えたページ全体のデータプラットフォーム。
パララックスヒーロービデオ、ダッシュボードモック（チャット＋ライブプレビュー）、草の前景、リキッドグラスナビ、Material Symbols、framer-motionスクロール変換を備えたダークバイオレットランディング（#08020e）。
500vhスクロールスクラブMux HLSヒーロー、Dirtyline ScrollFloatタイプ、3Dパララックスとブランドマーキー付きガラス製「About」パネル、GSAP PillNavリキッドフィルナビゲーション。
暖かいメッシュグラデーション、Framer Motion fadeUpエントランス、インラインのZap/LockKeyhole/Fingerprintアイコン、AnimatePresenceモバイルナビシートを備えた明るいセキュリティSaaSヒーロー。
電動RVブランド向けの6セクションの黒いスクロールランディング：Instrument Serif + Inter、リキッドグラスCTA、CloudFrontヒーロー/機能/CTAビデオ、Mux HLSステートメントセクション、フェードライズモーション。
Interタイポグラフィ、ピルナビバー、スタッガードモバイルメニュー、プラットフォーム、AI防御、インサイトの7つのハッシュルートを備えた全画面のCloudFrontビデオヒーロー。
CloudFrontヒーロービデオ、スクロールで表示される「About」コピー、モーションGIFワークグリッド、Cleanshotショーケースパララックス、Mux HLS CTAを備えたダークなリキッドグラスのシングルページエージェンシーランディング。
Barlow、Inter、Dirtylineタイポグラフィ、CloudFrontヒーロービデオ、GSAPマウスパララックス、リキッドグラスナビピル、安全な予約CTAを備えたトラベルヒーロー。ZIPに完全なViteソースが含まれています。
丸みを帯びたCloudFrontビデオヒーロー、Outfit見出し、svglロゴマーキー、フローティンググラスドックナビ、機能、エコシステム、ドキュメント、お問い合わせのスクロールセクションを備えた明るいシングルページランディング。Vite + React + Tailwind v4 + motion。