即時生成引擎 v3 · 現已開放
讓像素流動起來
像光一樣即時
Fabric 是為互動而生的即時視覺引擎。用一行指令，把粒子、流體與光影編織進你的產品——每一幀都在瀏覽器裡即時運算。
移動游標，看粒子如何回應你
全球 2,400+ 團隊用 Fabric 打造沉浸體驗
NorthwindKairoLuminaPulsarVertexOnyx
核心能力
一套引擎，
接管你所有的動態視覺
從主視覺到微互動，Fabric 把繁瑣的圖形程式收進直覺的節點與參數，讓設計師與工程師在同一張畫布上協作。
零延遲運算
GPU 加速的即時管線，60fps 起跳。滑鼠、捲動、感測器輸入都在同一幀內回應。
流體與粒子
內建流體模擬、粒子場與向量噪聲。用參數而非程式碼，調出你想要的動態質感。
分層合成
把光影、扭曲、輝光疊成一張畫布。非破壞式圖層，隨時回退每一步。
邊緣渲染
運算就在使用者的瀏覽器發生，不必等伺服器。離線也能跑，隱私天然守住。
指令式工作流
一個指令面板控制全部。從場景切換到匯出，鍵盤永遠比滑鼠快。
元件化輸出
一鍵匯出成 React、Vue 或原生 Web Component，直接嵌進你的產品。
運作方式
三步，
從空白到會動
不需要 shader 知識，也不用管理渲染迴圈。Fabric 把它們藏在三個直覺的步驟後面。
01
選一種場
從粒子、流體、噪聲、金屬流體四種基底場開始。每一種都是可即時調參的活體材質。
02
接上輸入
把游標、捲動、麥克風音量或即時資料串接到任意參數。你的視覺從此會呼吸。
03
一鍵上線
匯出成輕量元件，貼進任何框架。CDN 邊緣分發，全球載入低於 40 毫秒。
fabric — 選一種場
STEP 01
選一種場
0fps
穩定即時幀率
0ms
全球邊緣首屏
0+
上線中的團隊
0M
每日渲染幀數
精選作品
他們用 Fabric 做的
資料視覺化
Aurora 儀表板
音訊反應
Nebula 音樂播放器
電商主視覺
Ember 商品頁
該讓你的產品
動起來了
免費方案永久可用，不收信用卡。三分鐘內把第一個即時場景嵌進你的網站。