Mojave Studio Logo

¥2,365

¥2,365

ライセンスを購入

ライセンスを購入

Framerに追加

Framerに追加

Mojave Gridは、インタラクティブなグリッドを任意のページに簡単に組み込むことができます。プリセットを使用するか、自分で外観を作成します。色、セルサイズ、モーションをリアルタイムで調整し、ホバーインタラクションと自動モード(ウェーブ、バースト、フラッシュ)でブレークポイントにスムーズに対応します。

あなたが得られるもの

  • 6 つのプリセット: Mojave, Desert, Sunset, Ocean, Forest, Neon

  • 2 つのモーションモード:

    • ホバー — ポインタの動きに反応するインタラクティブなエフェクト

    • 自動 — ハンズフリーのウェーブ(水平/垂直)、バースト、またはフラッシュ


  • クリーンでスケーラブルなキャンバス: フレームサイズにかかわらず鮮明に描画されます

  • パフォーマンスに配慮したコントロール: セルのサイズ、速度、範囲を調整可能

  • デフォルトサイズ: 固有のキャンバスは600 × 600です。それは配置するフレームを満たすので、Framer 内で自由にサイズ変更できます。


モーションモード

ホバーFX

  • 標準 – カーソルの下でのクラシックな 3 段階のパルス

  • バブル – 微妙なトレイルを伴う柔らかなラジアルスプラッシュ

  • 永続 – 移動する際に強調表示されたままの「スタンプ」セル

  • 花火 – ポインタから放射状に広がるバースト

ホバースピード (0.5 → 3.0): ホバーアニメーションの全体的なテンポ。

ホバースプレッド (0.1 → 3.0): 効果がカーソルからどれだけ「咲く」か。

トレイル (切替; バブルのみ): ホバーをやめた後もバブルトレイルを表示し続けます。

ヒント (トレイルのリセット): ホバーFX を別のオプションに切り替えてから戻して、永続/トレイルの状態をクリアします。

自動FX

  • ウェーブ – グリッド全体を掃く動く帯(水平/垂直

  • バースト – 表面全体に急に広がるパルス

  • フラッシュ – グリッド全体を横断して流れる同期したパルス(グローバル「フラッシュ」アクセント)

自動速度 (1 → 10, 緩やか): ウェーブ/バースト/フラッシュの進化の速さ。

自動スプレッド (0.1 → 5.0):

  • ウェーブ: 帯の厚さ

  • バースト: バーストイベントの密度/面積

  • フラッシュ: パルスの強さ/カバレッジ

インタラクティブなステアリング (ウェーブ): 自動モードでも、ポインタの動きが軽くウェーブをカーソルに向かって「引き寄せ」、微妙でリアクティブなヒーローセクションに最適です。


あなたが得られるもの

  • 6 つのプリセット: Mojave, Desert, Sunset, Ocean, Forest, Neon

  • 2 つのモーションモード:

    • ホバー — ポインタの動きに反応するインタラクティブなエフェクト

    • 自動 — ハンズフリーのウェーブ(水平/垂直)、バースト、またはフラッシュ


  • クリーンでスケーラブルなキャンバス: フレームサイズにかかわらず鮮明に描画されます

  • パフォーマンスに配慮したコントロール: セルのサイズ、速度、範囲を調整可能

  • デフォルトサイズ: 固有のキャンバスは600 × 600です。それは配置するフレームを満たすので、Framer 内で自由にサイズ変更できます。


モーションモード

ホバーFX

  • 標準 – カーソルの下でのクラシックな 3 段階のパルス

  • バブル – 微妙なトレイルを伴う柔らかなラジアルスプラッシュ

  • 永続 – 移動する際に強調表示されたままの「スタンプ」セル

  • 花火 – ポインタから放射状に広がるバースト

ホバースピード (0.5 → 3.0): ホバーアニメーションの全体的なテンポ。

ホバースプレッド (0.1 → 3.0): 効果がカーソルからどれだけ「咲く」か。

トレイル (切替; バブルのみ): ホバーをやめた後もバブルトレイルを表示し続けます。

ヒント (トレイルのリセット): ホバーFX を別のオプションに切り替えてから戻して、永続/トレイルの状態をクリアします。

自動FX

  • ウェーブ – グリッド全体を掃く動く帯(水平/垂直

  • バースト – 表面全体に急に広がるパルス

  • フラッシュ – グリッド全体を横断して流れる同期したパルス(グローバル「フラッシュ」アクセント)

自動速度 (1 → 10, 緩やか): ウェーブ/バースト/フラッシュの進化の速さ。

自動スプレッド (0.1 → 5.0):

  • ウェーブ: 帯の厚さ

  • バースト: バーストイベントの密度/面積

  • フラッシュ: パルスの強さ/カバレッジ

インタラクティブなステアリング (ウェーブ): 自動モードでも、ポインタの動きが軽くウェーブをカーソルに向かって「引き寄せ」、微妙でリアクティブなヒーローセクションに最適です。


著作権 Mojave Studio 2025 – mojavestud.io
Framer デザインコミュニティのために ❤️ で構築