什麼是Scrolltide?
Scrolltide 是一個策選的滾動驅動網站模板與提示詞庫,讓使用者將單一提示複製並貼入 AI 工具以生成具備動態效果的網頁。該平台提供包含元件、著色器與區塊在內的資源,旨在協助開發者快速建置不帶明顯 AI 痕跡的生產就緒型 Next.js 網站。
Scrolltide的特色是什麼?
- 滾動驅動模板庫提供 140 個針對 Claude、Cursor 和 v0 最佳化的提示詞,支援 React、Vite、Next.js、Tailwind、Framer Motion、GSAP、Three.js、WebGL、Shaders 及 Lenis 等框架。
- GPU 加速著色器背景內含 55 種動畫背景(如漸層、極光、液態金屬),可匯出為 MP4、靜止圖像或元件格式,置於網頁 Hero 區域後方。
- 互動式 UI 元件包含 74 個單一部分元件(如按鈕、卡片、3D 場景),允許使用者直接插入現有專案中,無需重建整個頁面結構。
- 預製網頁區塊提供 22 個常用區塊(定價表、見證牆、頁尾)與 14 個儀表板介面,支援按類別篩選並整合至既有頁面。
Scrolltide的使用案例有哪些?
- 快速原型開發使用預製的 Hero Section 或 Landing Page 模板,在同一天內完成從空白分頁到上線的網站部署。
- 視覺效果增強為現有網頁添加 GPU 運算的動態背景或互動式按鈕元件,以提升用戶體驗而不影響效能。
如何使用Scrolltide?
- 選擇提示瀏覽模板庫並依類別、框架或風格篩選所需的滾動驅動模板或元件。
- 貼入 AI 工具將選定的提示複製並貼入 Claude、Cursor 或 v0 等支援的 AI 程式碼編輯器。
- 部署上線修改文案後直接部署,獲得具備真實動態效果的生產就緒型 Next.js 輸出結果。
Scrolltide定價信息:
- 終身存取方案$299 一次性付款,解鎖完整庫內容。
- 免費模板部分特定模板(如 Otis, SELENE, NAÏADE)標示為 Free 可供直接使用。









