Mografy
作品展示文件範例方案價格
在 GitHub 給顆星—
瀏覽文件

使用指南

  • 總覽
  • 安裝指南
  • 所有元件

完整範例

  • 所有範例
  • 數據分析產品
  • Mografy 品牌介紹
  • 追蹤互動

文字與數字

  • 逐字進場
  • 打字機
  • 下三分之一字幕
  • 數字遞增

品牌與版面

  • 彈出卡片
  • 標誌揭幕
  • 社群卡片
  • 追蹤徽章

互動

  • YouTube 訂閱
  • AI 對話
  • 按讚爆發
  • 通知提示
  • 切換開關

狀態指示

  • 進度條
  • 脈動圓點
  • 音訊波形

使用指南

  • 總覽
  • 安裝指南
  • 所有元件

完整範例

  • 所有範例
  • 數據分析產品
  • Mografy 品牌介紹
  • 追蹤互動

文字與數字

  • 逐字進場
  • 打字機
  • 下三分之一字幕
  • 數字遞增

品牌與版面

  • 彈出卡片
  • 標誌揭幕
  • 社群卡片
  • 追蹤徽章

互動

  • YouTube 訂閱
  • AI 對話
  • 按讚爆發
  • 通知提示
  • 切換開關

狀態指示

  • 進度條
  • 脈動圓點
  • 音訊波形

元件庫

從能運作的動態開始。

瀏覽全部 16 個內建 Canvas 場景。開啟元件,查看動態模式、專案路徑與實際改寫方式。

文字與數字 · 4品牌與版面 · 4互動 · 5狀態指示 · 3

4 個元件

文字與數字

逐字進場元件預覽

逐字進場

讓單字或短句逐字出現在畫面上。

打字機元件預覽

打字機

以絕對時間控制游標,用清晰節奏逐字顯示句子。

下三分之一字幕元件預覽

下三分之一字幕

以精簡的標題系統介紹姓名與身分。

數字遞增元件預覽

數字遞增

讓數值以流暢且可重現的方式變化。

4 個元件

品牌與版面

彈出卡片元件預覽

彈出卡片

結合上移、縮放與內容,呈現聚焦的資訊卡片。

標誌揭幕元件預覽

標誌揭幕

以原始品牌標誌為核心,用短暫揭幕建立辨識度。

社群卡片元件預覽

社群卡片

結合個人識別、簡短文案與受控的卡片進場。

追蹤徽章元件預覽

追蹤徽章

讓精簡個人徽章轉換為清楚的追蹤狀態。

5 個元件

互動

YouTube 訂閱元件預覽

YouTube 訂閱

呈現游標操作與完成訂閱後的狀態。

AI 對話元件預覽

AI 對話

依序安排提示與回覆氣泡,呈現精簡對話。

按讚爆發元件預覽

按讚爆發

結合富有表情的愛心回應與放射狀次要動態。

通知提示元件預覽

通知提示

透過清楚的分階段序列,揭露精簡狀態訊息。

切換開關元件預覽

切換開關

同步控制旋鈕位置、軌道顏色與清楚的狀態變化。

3 個元件

狀態指示

進度條元件預覽

進度條

在簡潔的圓角軌道內呈現緩動進度。

脈動圓點元件預覽

脈動圓點

以絕對時間產生錯開相位的載入動態。

音訊波形元件預覽

音訊波形

以程式繪製長條波形,呈現受控的節奏脈動。

Mografy

和程式代理一起製作動態圖像。

探索

作品展示文件方案價格

開始創作

安裝指南工作流程範例
© 2026 Mografy為動態創作而生。