Morpho 2.0 — 液態視覺引擎正式版

讓品牌像液體
一樣流動

墨流是為網站與品牌打造的即時液態視覺引擎。你正在看的背景,就是它—— 八顆 metaball 正在你眼前融合、變形,並隨著捲動改變海流的色溫。

點擊任何地方,注入一滴顏料目前海流色溫
128M+
已生成的液態漸層
60fps
即時渲染,零預算 GPU
4.9 / 5
3,200 位設計師評分

這些團隊的官網,正被液體驅動

山嵐咖啡PINWHEEL浪花音樂祭青田製作所ORBIT.tw晨光出版
引擎

不是影片,不是 GIF,
是活著的視覺系統

墨流把液態動畫變成可程式化的品牌資產:每一顆 blob 的黏度、張力、色相都是參數, 可以綁定捲動、游標、時間,甚至你家的即時資料。

Metaball 液態引擎

以向量場驅動的融合演算法,8 顆流體核心即時交融、分裂、再聚合,Canvas 2D 就能穩跑 60fps。

品牌色域鎖定

匯入品牌色票後,所有生成結果自動收斂在 ΔE < 3 的安全色域內——設計自由,品牌不走鐘。

無限圖層混合

液態層、噪點層、光暈層自由疊加,支援 16 種混合模式,每一層都能綁定捲動或游標參數。

一鍵多格式匯出

4K PNG、向量 SVG、Lottie JSON、MP4 循環影片一次到位,直接丟進 Figma、Webflow 或簡報。

實演

三支滑桿,一套宇宙

調黏度、調張力、調流速——編輯器裡看到什麼,官網上就是什麼。 匯出的不是圖檔,而是一段 3KB 的參數。

morpho.studio — 浪花音樂祭 / 主視覺 v7
浪花音樂祭 ’26
主視覺 · 由 3 顆核心即時生成
● live · 60fps · 3.1KB params
流體參數
黏度 Viscosity0.68
張力 Tension0.42
流速 Flow0.81
渲染負載 < 3% CPU,行動裝置友善
自動偵測 prefers-reduced-motion
import { Morpho } from "@morpho/react"
<Morpho preset="wave-fest-v7" />
見證

設計師的手感,工程師的良心

改版官網那週,我們用墨流做了整套 Hero 動態背景。工程師只花了一個下午接上,老闆以為我們外包了一間動畫工作室。
林珮瑜Brand Lead · 山嵐咖啡
色域鎖定是殺手級功能。以前生成式背景最怕跑出品牌外的顏色,現在法務和品牌部第一次同時點頭。
KCKenji ChouDesign Engineer · Pinwheel
主視覺、票券、舞台 LED 全部從同一組液態參數長出來。三個場域,一種呼吸感,這就是我要的一致性。
張以寧Creative Director · 浪花音樂祭
方案

從一滴水,到整片海

年繳一律 8 折,隨時可升降級,發票開得出來。

漣漪
NT$0永久免費
個人練習與 side project
  • 每月 40 次匯出
  • 1080p PNG / SVG
  • 3 組專案
  • 社群素材庫
最多人選
潮汐
NT$420每月 / 每位成員
接案設計師與新創團隊
  • 無限匯出,含 4K 與 Lottie
  • 品牌色域鎖定 + 共享色票
  • 捲動 / 游標參數綁定 SDK
  • 版本歷史 90 天
  • 優先渲染佇列
深海
客製年約方案
品牌團隊與代理商
  • SSO 與稽核日誌
  • 私有渲染節點
  • 專屬成功經理
  • SLA 99.9%

你的品牌,值得會呼吸的背景

免費方案不用綁卡,五分鐘內做出第一組液態視覺。 捲回頁面頂端再看一次——顏色已經不一樣了,這就是墨流。