前 50 個免費 Web UI 工具包和模板

作為為網絡設計和構建的人，我們非常幸運，有如此大量的設計師隨時準備幫助和支持我們。 無論是 StackOverflow 上的回答、此類網站上的教程，還是我們可以在項目中使用的免費資源，設計社區一直非常擅長幫助他人學習和改進。

在處理網站、應用程序或管理儀表板時，我們發現特別有用的一件事是所有那些設計精美的免費 UI 套件，才華橫溢的設計師會定期發布。 當您需要快速創建站點時，用戶界面 (UI) 工具包可以派上用場，而且不會影響美觀或可用性。 精心設計的 UI 工具包可以幫助網站構建一致的視覺標識，而不是看起來像各種按鈕、表單字段和您能想到的所有其他東西的混搭。

為了幫助您快速啟動並運行您的下一個應用程序或網站設計，我們策劃了這個我們最喜歡的免費 UI 工具包集合。 UI 模板有多種樣式和流行格式（Photoshop PSD、Figma、Sketch.app 和 Adob​​e XD）。 我們希望您會發現它們都對您有所幫助。

設計系統 UI 套件

免費的核心設計系統 UI 套件（由 Figma 的 Ryan Sael 創建）

索環設計套件（由 Grommet、Sketch、Adobe XD、Figma 和 Framer X 創建）

UI 設計系統和風格指南（關於 Envato Elements、Sketch 和 Figma）

Prime 2.0 設計系統套件（由 Przemyslaw Baraniak 創建，素描）

免費應用程序設計系統（由 Hapibot Studio 創建，Sketch）

設計系統頭套件（關於 Envato Elements、AI、EPS、PSD、Sketch、SVG、Adobe XD 和 Figma）

設計系統套件（由 Danny S. 創建，素描）

RevKit 設計系統 UI 套件（由 Nitish Khagwal 創建，素描）

適用於 20 種設備的 UX 設計網格系統（在 Envato Elements、Adobe XD、Sketch 和 PSD 上）

模式設計系統免費 UI 套件（由 Figma 的 Dee Aero 創建）

設計框架 UI 工具包（創建 dby Jon Brick，素描）

現代引導 UI 組件（關於 Envato 元素，Adobe XD）

Exo 套件設計系統（由 Figma 的 Anthony Choren 創建）

Bootflat Bootstrap UI 工具包（由 DarthSnow 創建，PSD）

戰神免費 UI 套件（由瓦格納·拉莫斯創作，素描）

免費的 Web UI 框架（由 Toptal 創建，草圖）

Light & Dark Material Design 桌面 UI 套件（由 SaaSDesign、Figma 創建）

Foundation 5 UI 套件（由 ZURB 創建，草圖）

Spot 用戶界面設計套件（由 Arun 創建，PSD）

儀表板 UI 套件

開源儀表板 UI 工具包（由 Craftwork、Figma 和 Sketch 創建）

Cards UI Kit – 儀表板小部件和組件（關於 Envato Elements、PSD、Adobe XD 和 Sketch）

免費儀表板界面元素（由 Tran Mau Tri Tam 創作，素描）

儀表板組件 UI 工具包（由 Emy Lascan 創建，素描）

Avvy – 儀表板 UI 套件（關於 Envato 元素，素描）

儀表闆卡免費 UI 套件（由 Saransh Verma、Adobe XD 和 AI 創建）

Diso 儀表闆卡 UI 套件（由 Sandro Tavartkiladze 創建，素描）

卡片 UI 套件燈（關於 Envato Elements、Sketch、PSD、Adobe XD）

S8 設計系統儀表板 UI 套件（由 Setproduct、Figma 創建）

UI 套件組件和小部件

免費組件 UI 工具包（由 Michael Filipiuk、Sketch、Figma 和 Adob​​e XD 創建）

迷你 UI 套件免費贈品（由 Karina Bea 創作，素描）

LiquidPro UI 套件（由 Stan Hristov 創建，素描）

合併線框 UI 工具包（關於 Envato Elements、Figma、Adobe XD、Sketch 和 AI）

450+ 資產 UI 套件（由 Krasi Stoimenov、PSD 和 AI 創建）

Coloro 小部件 UI 套件（由 uiFest 創建，PSD）

卡片儀表板小部件 UI 和 UX 套件（關於 Envato Elements、PSD、Adobe XD、Sketch）

超級免費 UI 樣式包（由 Stefan Kuhl 創建，PSD）

今日 Web UI 工具包（關於 Envato Elements、PSD、Sketch 和 Adob​​e XD）

材料設計組件 UI 套件（由 Setproduct、Figma 創建）

1,000+ 級元素 UI 套件（由 UI Chest、PSD 和 Sketch 創建）

智能表單 UI 套件（由 Domenico Laricchia 創建，素描）

社交媒體組件 UI 工具包（由 Alex Gilev 創建，PSD）

斯文現代 UI 套件（由 Graphberry 創建，PSD）

免費流程圖套件 2.0 （由 Greg Dlubacz、Sketch 和 Figma 創建）

免費圖表 UI 工具包（由 Mimi、Sketch、Figma 和 Adob​​e XD 創建）

終極信息圖表元素包（由 BluGraphic、EPS 和 AI 創建）

K2 免費音樂 UI 套件（由 Spline、Sketch、PSD 和 Adob​​e XD 創建）

免費的材料設計 UI 工具包（由 Designtory 創建，PSD）

Flatimus UI 套件（由 Elmar Halmuhamedov 創建，PSD）

扁平化 UI 套件（由 Mahmoud Baghagho 創建，PSD）

登陸頁面 UI 套件

Landing – 免費的 UI 組件（由 Lstore、Sketch 和 PSD 創建）

柏林 – 登陸頁面 UI 工具包（關於 Envato 元素，素描）

IDTOOL 登陸頁面 Web UI 工具包（由 ID-TOOL DEX、ADobe XD 和 Figma 創建）

電子商務 UI 套件

電子商務免費 UI 套件（由 Divan Raj 創建，素描）

22 Blocks 網站電子商務 UI 套件（關於 Envato 元素，Adobe XD）

Pawtastic 電子商務 UI 套件(Adobe XD)

Clay Shop 免費電子商務 UI 套件（由 Explorer Shop 創建，Sketch）

Mytemp – 電子商務 UI 套件（關於 Envato Elements、Figma、Sketch 和 Adob​​e XD）

Elton 免費電子商務 UI 套件（由 PixelBuddha 創建，PSD）

食品和飲料 UI 套件（由 Sergiu Firez 創建，PSD 和草圖）

免費的新形態 UI 套件（由 Adob​​e XD 的 Nik Pletikos 創建）