WebberUI

無限畫布探索

多方向可拖曳的圖磚畫布，地圖般非線性探索

Pro沉浸interactive6 個區段
看實機展示查看方案

安裝

npx shadcn@latest add "https://webberui.com/r/infinite-canvas-explorer.json?t=<安裝 token>"

整頁原始碼會落在 app/templates/infinite-canvas-explorer/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

  1. 1

    無限畫布首屏

    ATLAS 品牌列與可拖曳縮放的全螢幕作品畫布，含視差圖磚、迷你地圖與 HUD 控制。

    hero
  2. 2

    為什麼是無限畫布

    以三欄卡片說明任意方向平移、深度視差堆疊與隨時召回原點的探索優勢。

    features
  3. 3

    數據橫幅

    深色點陣背景上依序浮現策展作品、合作工作室與平均停留等四項關鍵數字。

    stats
  4. 4

    座標索引

    清單式列出畫布上全部作品，附漸層縮圖、分類年份與畫布座標。

    gallery
  5. 5

    投稿號召

    紫色暈染的深色行動呼籲區，邀請工作室提交作品並提供預約導覽。

    cta
  6. 6

    頁尾

    深色頁尾列出 ATLAS 圖庫版權與條款、隱私、聯絡連結。

    footer

你拿到的是原始碼

不是 npm 套件、不是 zip 檔。安裝之後整頁的 TypeScript 原始碼就在你的 repo 裡，可以任意修改、無執行期相依、沒有到期失效機制——我們的網站故障不會影響你已上線的網站。

瀏覽其他 103 套模板 →