產品概覽
Scrolltide 是什麼?
Scrolltide 提供以設計為導向的提示詞與範本,協助你使用 Claude、Cursor 和 v0 等工具打造動畫網站。其資源庫涵蓋登陸頁、3D 場景、可重複使用的區塊、介面畫面及著色器背景。Scrolltide 並非取代程式開發工具,而是提供結構化起點,協助創作者將視覺構想轉化為可自訂的網站。
主要功能
電影級網站範本
探索以動態效果與捲動驅動互動為核心的登陸頁、主視覺區塊、作品集及 3D 網站設計。
結構化程式開發提示詞
複製專為 Claude、Cursor 與 v0 設計的提示詞,在你偏好的程式開發流程中產生並完善網站。
可重複使用的互動元件
無須從完整頁面範本開始,即可加入動畫按鈕、卡片、輪播、文字特效及 3D 元素。
著色器背景資源庫
將漸層、漩渦與火焰等 GPU 算繪視覺效果用作元件、MP4 影片或靜態圖片。
頁面區塊與 UI 畫面
運用現成的定價、聯絡、功能與頁尾區塊,以及儀表板和應用程式介面參考來建構頁面。
定期更新資源庫
每週五探索全新提示詞,並可依類別、框架或視覺風格瀏覽設計。
使用案例
- 產品發表頁 : 透過動態主視覺區塊與可重複使用的行銷內容模組,打造視覺風格鮮明的登陸頁。
- 創意作品集 : 透過捲動驅動版面、互動畫廊與 3D 展示元素呈現創意作品。
- 客戶網站開發 : 運用精選的設計起點,加速個人與客戶網站專案。
- 既有網站強化 : 使用獨立動態元件、著色器背景或額外頁面區塊,為既有網站帶來新風貌。
- 應用程式 UI 原型設計 : 探索儀表板、金融、電商及工作空間版面,作為應用程式介面的設計起點。
常見問題
Scrolltide 的替代方案
MotionSites
精品Hero區塊提示詞和動畫範本庫,讓任何人都能在幾分鐘內構建令人驚豔的專業網站——無需設計技能。
Readdy AI
AI 智能平台,將自然語言提示快速轉換為令人驚豔、可立即部署的網站設計與前端程式碼。
Relume
網站設計平台,可根據專案簡報產生網站地圖、線框圖、風格指南與可重複使用元件。
Aura
結合AI與直觀工具的設計平台,在幾秒鐘內建立令人驚豔的網站和介面,具備無縫Figma整合和響應式HTML/CSS程式碼生成功能。
GetLayers
為使用程式設計助理打造獨特網站而生的精選設計圖層、Prompt、3D 場景與影片素材庫。
TeleportHQ
低程式碼前端平台,結合 AI 與 Figma,快速創建、協作與部署靜態網站與 UI 元件。
HeroUI Pro
超過220個可直接用於生產、響應式的React UI元件,建構於HeroUI之上,助力快速網頁開發,終身存取並享免費更新。
AIDesigner
一款文字轉 UI 的設計工具,將自然語言提示詞轉化為生產級網站和應用程式介面——告別千篇一律的 AI 風格。

