網頁設計素材站精選

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 做出來的優秀站點,可直接觀察結構與互動細節。

SaaS 網站設計畫廊,按版塊(定價頁、功能頁、首頁)分類,做 B2B 產品站時的直接參考。

只收導覽列一種元件的畫廊,做網站最先卡住的那條 bar,這裡看幾百種寫法。

人工挑選的網站設計精選集,量少但命中率高,適合快速抓整體調性。

專收行動呼籲區塊的畫廊,按鈕文案與轉換區的排版怎麼寫,照抄結構就好。

品牌改版前後對照,看得到別人為什麼改、改了什麼,做品牌識別提案時的說服材料。

每日更新的網站設計選集,更新頻率高,適合固定週期刷一次維持手感。

最大的社群開源 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 等格式。

大型圖標庫,多種風格同一套骨架,整站圖標統一時不用混搭不同來源。