前 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 创建）