趕忙收藏！41個Web UI工具包資源免費及付費下載

不管是做爲一名設計師仍是建站的開發師，都應該慶幸互聯網上有如此多的設計師樂意分享他們所設計和創做的素材模板和工具包，及一些優秀的設計教程。

爲了幫助你和你的下一個網站項目可以快速實現，咱們收集了41個優秀的網站UI套件和模板素材以及網站資源，但願能給正在設計網站的小夥伴們帶來靈感。

1. Web Gradients - Ultimate Collection of Gradients

WebGradients是一個由180個背景漸變色組成的，主要使用PSD / Sketch / PNG和CSS3格式製做，簡單易用。WebGradients已被下載了20,000次。

免費下載

2. Mi Food - Sketch Template

Mi Food是一款免費的多用途Sketch應用程序模板，用於展現食品，養分，餐館和酒店網站。 Free Sketch Template中包含7個畫板。 該畫板徹底可編輯，分層，精心組織。

免費下載

更多sketch資源下載

3. Web Gradients Logotype (Freebie)

WebGradients是一個漸變色資源集合網站，受到全球70萬人的喜好。主要使用Sketch，PSD和CSS3文件爲你的Web和圖形設計建立出色的背景圖。

免費下載

4. Diversity Avatars

在一個日益相互聯繫的世界中，畫像應該準確地表明不一樣的受衆和角色。 多樣化頭像描繪了來自各行各業，性別，種族，民族和宗教的人。 每一個頭像都是由創做者Scott Lewis精心手工製做的。

特色：

• 320個單獨的SVG文件
• 4個Sketch主文件
• 4 Adobe Illustrator主文件
• IconJar檔案
• 4種尺寸的PNG（64,128,256和512 px）
• 1000個定製頭像
• 適用於自定義頭像

價格：$19

5. Free UI Kit | Landing

這個UI套件有許多的手工組件來幫助你提升網頁設計速度。80個以上的網頁佈局，界面美觀且簡潔，並有高級元素的集合和不一樣的圖標設置。

免費下載

6. Boomerang Free Bootstrap Web UI Kit

Boomerang是一個高品質的UI工具包，創建在Bootstrap 4 Framework之上，添加了多個功能和控件，擴展了調色板和漂亮的排版。

免費下載

更多bootstrap網站模板下載

7. Bootstrap Design System - Sketch Freebie

由Thorgate團隊分享的第一個徹底可擴展的Bootstrap 4設計系統，免費提供。全部設計系統元素都根據適當的Bootstrap元素進行設計和命名，你能夠自由地使用它來作任何你想要的項目，分享和改編它。

免費下載

8. Material Design Bootstrap 4 UI Kit for Figma

Material Kit Figma是一款Bootstrap 4 UI套件，採用全新設計，靈感源自Google的Material Design。該套件包含三個預先構建的頁面，可幫助你更快地開始使用。 你能夠改變文字和圖像，每一個Bootstrap元素都通過了從新設計，將你的項目提高到一個新的水平。

免費下載

更多material design資源下載

9. Error Illustrations - Empty States Vol 02

這款工具包是由Sketch 和Photoshop建立的，使用這款工具包會讓你的應用程序以及網頁交互看起來更有趣。全部的插圖都是100%可自定義的，而且是矢量形狀建立的，你能夠隨便改變顏色和大小。

特色：

• 共32個屏幕 - 21個移動屏幕和11個網站屏幕
• 很是詳細的插圖
• 100％矢量 - 高分辨率
• 使用免費字體
• 100％可編輯
• 適用於Sketch和Photoshop CS6 +

價格：$30

10. Web UI Framework Sketch Resource

這個 web UI套件是由Toptal團隊建立的，想要了解更多關於此套件的創做信息，能夠查閱他們的博客

免費下載

11. Annuacion Free web ui kit

這個UI套件包含了一個landing page，Q/A表格以及聯繫界面。

免費下載

12. Mint - Free Sketch Web UI Kit

這個UI套件不管是商用仍是我的項目使用都很是的方便。

免費下載

13. Web UI kit - 20 Hero Headers

Erfusion - 採用現代UI涉及，鮮豔的色彩和獨特的佈局。 它由20個獨特的Hero header組成，可用於你的下一個landing page設計。

全部組件都是徹底可編輯的，基於矢量和像素。 它們具備組織良好的層，正確命名和分組。 它也是爲新手設計師或開發人員而設計的。 因此每一個人均可以更輕鬆地使用它。

Tips: 購買模板前，請檢查全部圖像。

特色：

• 20個PSD文件
• 徹底矢量
• 智能對象
• 免費設備（例如iPhone，筆記本電腦，瀏覽器，iWatch）
• 完美像素設計
• 分層PSD
• 鮮豔的色彩
• 可變字體

價格：$9

14. Web Freight UI kit

Freight UI工具包是一個具備複雜感的現代界面。 適合你的業務，博客，應用或品牌。

套件中包含組織良好的Sketch和Photoshop文檔，包括符號，文本樣式和命名圖層，以及20多種優雅的UI卡設計。

特色：

• 優雅的設計
• 精美排版
• 均勻的配色方案
• 巧妙選擇的圖像
• 響應式網格系統
• 8px基線網格
• 多樣化的生活方式，文化或旅遊博客風格
• 易於更新
• 開源字體和圖像
• 免費更新

價格: $19

15. Footsteps Free Travel UI Kit

這個UI套件是專爲旅遊網站設計的，基於bootstrap 網格多樣化和可編輯的組件層能夠幫組你快速建立網站代碼。

特色：

• 組織良好的層
• CCO圖片
• Google字體
• 網頁所需的元素

免費下載

16. Nakropol - Free UI Kit (Web / Mobile)

Nakropol是個免費的UI工具包，用於建立web和手機項目。

特色：

• 2個PSD文件
• 徹底可編輯文件
• 自定義大小

免費下載

17. Universal Web UI Kit + Free Version

這是一個包含523個通用的，個性化且簡約的UI 組件包。

特色：

• 徹底可自定義
• 100%矢量圖
• 組織良好的層

• 全部的文件都包含兩種顏色和字體（Graphik和Roboto Slab&Lato）

免費下載demo

18. Biggest FREE UI Kit

特色：

• 免費的Google字體
• 矢量圖形
• 易於使用
• 完美像素
• 完美的層組織
• 清晰的文件結構
• 顏色鮮豔且流行

免費下載

19. MI Travel Web Template Sketch Resource

MI Travel是一個Sketch博客模板，可幫助你爲旅遊網站或創意博客構建一個簡潔的網站風格。 該設計包括6個畫板， 全部畫板都是徹底可編輯，分層和精心組織的。

免費下載

20. Color Style Guide Template Sketch Resource

使用此顏色樣式指南可大大節省你設計時間。 此模板是Sketch文件格式的。你能夠隨意下載和自定義本身的項目！

免費下載

21. Power Web UI Kit

Power 是很是具備現代感的Web UI工具包。 它能夠用於各類類型的網站，如商業網站，原型，應用網站等。

特色：

• 包括PSD，XD和JPEG文件
• 組織良好的層
• 可編輯的文字，圖像和顏色
• 免費字體
• 免費圖標
• 完美像素
• 免費更新
• 幫助文檔

免費下載

22. Gorko - Creative UI Kits Sketch Template

特色：

• 70多個元素模塊UI工具包
• Sketch文件組織良好，並相應命名，所以很是容易定製和更新。
• 全部設計都使用Shape Object
• 免費的Google Web字體
• 簡潔，獨特，現代風格
• 超清晰和乾淨的佈局
• 完美像素

免費下載

23. Capeto Web UI Kit

特色：

• 160多種高品質UI組件
• 1k + UI元素
• 基於矢量
• 命名清晰和組織良好的圖層
• 100% Google字體

免費下載

24. Web - masters corporated site Free PSD template UI KIT

免費下載

25. FREE UI kit for web page - learning project

免費下載

26. Free web UI kit for Photoshop

免費下載

27. Free The infinite Web UI Kit

免費下載

28. Bootstrap Web UI Kit — Landing page [FREE PSD]

免費下載

29. Consulex Free UI Kit & Web Theme

免費下載

30. UI Kit Form 1.0

免費下載

31. [PSD&Sketch] Free UI Kit by Perfect Shapes Project

免費下載

32. Web Calendar UI Sketch Resource

免費下載

33. Responsive Company Website Sketch Resource

免費下載

34. 20 Features / IconBox Design Web-UI Kit

免費下載

35. Multipurpose Web UI Kit

免費下載

更多web UI kit資源下載：

36. Sketchappsources

37. Elements.envato

38. PSDDD.co

39. UI8.net

40. Dribbble

41. Behance

相關閱讀：

全是寶！20款優質高效的在線協做工具任你挑，就是這麼強大！

大簡爲奢，20款簡約不簡單的HTML網站模板

想讓網站銷量爆漲？你離成功只差一個出色的購物車設計

2019年設計師必看，UI加載動畫徹底解讀​​​​​​​