Stageshow | 產品 UI 插畫與動畫

為首頁主視覺、功能卡片、文件或便當式網格建立靜態產品 UI 或帶有游標的 React 示範。請說明產品、場景、風格和放置位置。

預覽

查看互動示範

可切換並重播三個預先製作的場景。此網站不會產生新設計，也不是 Capafy 執行階段測試。

GIF 是根據排序範例改編的虛構清單，在 React 中實際執行並錄製，並非 Capafy 執行階段測試。

包含內容

React/CSS 工具組、範例、設計指南、排練工具和可調整的原始碼。

如何提問：範例

請說明產品、放置位置、互動或靜態畫面、視覺風格和所需輸出。

1. 用 React 製作專案管理首頁動畫，呈現任務完成和完成數增加。
2. 製作分享卡片，呈現電子郵件邀請和編輯權限選擇。
3. 製作虛構營收圖表，游標移動時日期和數值隨之變化。
4. 製作包含任務、留言和通知的便當式功能網格。
5. 製作點選訓練卡片後開啟詳細資訊的行動健身應用示範。
6. 以藍圖風格製作說明 Webhook 請求和回應的靜態圖示。

環境與限制

隨附預覽需要合適環境及 Node.js 20.19 以上版本。結果取決於執行階段與專案存取權限。作品是設計過的介面插畫，不是真實瀏覽器自動化。範例作品及商標屬於各自所有者，請確認使用條件。

隨附的應用程式圖示和品牌 SVG 已替換為中性佔位圖。如有需要，請提供獲得適當授權的素材。