網頁設計素材站精選

Hero 與落地頁動效模板,附可直接複製的提示詞,貼給 AI 就能產出有動畫的高質感網站。

30 種設計風格提示詞,從 Swiss Minimalist 到 Neo Brutalism,複製後餵給任何 AI 工具,產出風格一致的介面。

不用先想清楚要什麼,輸入想法後無限滾動瀏覽 UI 方案,像跟一位永遠不缺點子的創意總監一起工作。

Spline 出品,一句話生成網站、3D 場景、遊戲與互動應用,多個 AI 代理人並行產出。

用 Gemini 把想法直接生成可運行的網頁,適合快速做原型驗證想法。

每日更新的落地頁設計畫廊,可依類別與顏色篩選並收藏到自訂看板。免費用到飽,專業版每月 9 美元。

獲獎級創意網站展示平台,看業界天花板作品與最新設計趨勢。瀏覽免費,專業檔案與名錄需付費。

7,300 個以上落地頁設計與 15,000 張整頁截圖,含歷史版本與影片記錄,分類與搜尋不設限。

9,000 個以上單頁網站案例與 8,000 組頁面區塊,專注 One Page 設計的靈感庫。

精選克制、有高級感的網站案例,可依產業與版式篩選,適合追求質感與簡約風格的專案。

2,100 個以上帶動效的落地頁案例,可依 GSAP、WebGL、Three.js 等技術棧篩選。

Framer 官方畫廊,收錄用 Framer 做出來的優秀站點,可直接觀察結構與互動細節。

最大的社群開源 UI 元素庫,按鈕、卡片、載入動畫等,支援 CSS / Tailwind / React / Figma 複製。

免費開源的 Tailwind CSS 元件庫,68 個語意化元件與 30 種以上佈景主題,不綁前端框架。

開源 Tailwind 互動式元件庫(MIT 授權),按鈕、導覽、表單一應俱全,另有 Pro 進階版。

200 個以上 Tailwind 加 Motion 的動畫組件與版塊,大量免費可複製,適合打造亮眼介面。

150 個以上免費開源動畫組件(React + Tailwind + Motion),是 shadcn/ui 的最佳搭檔。

140 個以上高度可調的動畫組件與背景效果,附視覺化編輯器邊調邊看,複製即用。

設計工程師打造的 React + Tailwind 組件登錄庫,程式碼複製進自己的 repo,不受版本綁架。瀏覽免費,每日 2 次免費複製。

完全免費開源的 Tailwind CSS 元件庫,複製貼上就能用,全部響應式。

長期精選的免費 HTML / CSS / JS 素材庫,涵蓋卡片、動畫、按鈕等實用片段。

真實 App 與網頁介面截圖資料庫,想知道成熟產品怎麼處理某個流程,先來這裡翻。

阿里巴巴矢量圖標庫,海量免費圖標素材,支援多格式下載與專案管理(下載需登入)。

背景圖、視覺風格與色彩靈感的來源,設計師日常蒐集素材的老地方。

載入動畫與 Spinner 產生器,可輸出 CSS / SVG / GIF / Lottie 等格式。