實用干貨！2021年5月值得收藏的8款UI組件與工具

對 UI 設計師而言，成熟的設計工具、UI組件提升設計流程和效率的重要保證。這篇文章梳理了一波特別值得收藏和嘗試的 UI 設計組件和管理工具，快來看看吧：

Nucleus UI

Nucleus 是一個免費且足夠強大的 UI 組件庫，可為你提供設計全套移動 APP 所需的 UI 組件，其中包含 300 多個不同的組件，總計 58 個不同的類型，36 組界面實例，讓你可以更快進入設計狀態。

這組 UI 組件主要是在 Figma 當中使用的。

Input Kit

Framer 也是近年崛起的 UI 設計工具之一，這個名為 Input Kit 的 UI 組件庫就是給 Framer 所準備的一套 UI 組件庫。這套 UI 組件庫主要是為諸如表單、文本、密碼以及常見的頁面所準備的，在使用的時候，你只需要復制組件，粘貼即可獲得它的樣式。

UI Hut

UI Hut 是一個 UI設計資源平臺，號稱有超過 12000 多款獨家的設計資源，其中包含有 1000 多個 web 模板，2500 多款插畫，8000+ SVG 圖標，以及 100 多組成套的 UI 素材，相當強大。

Supabase UI

Supabase Ui 是一個開源的 React 和 TailwindCSS UI 庫，其中不僅包含視覺效果頗為不錯的 UI 組件，而且內置了身份驗證的表單，直通 React ，加速程序的開發速度，有著良好的可訪問性，并且使用 CSS 來控制主題的變更。

Mobile Chat Kit

Mobile Chat Kit 是一套專注于進行聊天 UI 界面設計的素材包，它主要是面向 Sketch、Figma、XD等主流的設計平臺，涵蓋超過50種常見的 UI 界面，同時它也兼顧到 開發的需求，對于 Android 和 iOS 乃至于 React 、Kotlin 等平臺也非常友好的。另外，它是完全免費的。

macOS 11 Big Sur UI Kit

這可能是目前網上最全的 macOS Big Sur 的 UIkit 資源包！多的就不介紹了，用就完了！

Tailwind UIkit

Tailwind UI Kit是一個包含完整響應組件的龐大的UI組件庫，非常適合設計并且完美兼容 React、Angular 和 Vue，因為其中包含有成熟的 Tailwind CSS 組件。

Design Lobby

最后推薦的這個并不是設計素材，而是管理設計素材的工具，它可以管理從圖片、配色到字體等絕大多數的設計素材，方便團隊協作。