Finesse UI 是一套多用途網頁ui組件套件和設計系統(tǒng)模板，包含500多個設計系統(tǒng)，4000多個ui組件，1000多個圖標，提供Figma、Sketch格式。組件包含有：

1. 警報 - 向用戶顯示的信息性信息

2. 頭像 - 用戶或物體的代表，通常用于識別。

3. 3.按鈕 - 用于觸發(fā)動作或導航的可點擊元素。

4. 4.切換器 - 允許用戶在兩種狀態(tài)之間切換的控件。

5. 復選框 - 允許用戶選擇一個或多個選項的控件。

6. 單選按鈕 - 允許用戶從一個組中選擇一個選項的控件。

7. Check Circles - 允許用戶選擇一個或多個選項的控件。

8. 圖標按鈕 - 僅包含一個圖標的按鈕，用于在屏幕上觸發(fā)一個動作。

9. 分段控制 - 允許用戶在不同的選項或視圖之間切換。

10. 輸入 - 允許用戶輸入數據或信息。

11. 徽章 - 用來顯示計數或狀態(tài)的指示器。

12. 工具提示 - 顯示額外信息的小型彈出窗口。

13. Snackbars - 在屏幕底部顯示給用戶的簡短信息。

14. 分頁 - 用來移動一系列內容的導航元素。

15. Breadcrumbs - 用于顯示用戶當前位置的導航元素。

16. 進度指示器 - 用于顯示一個正在進行的過程的狀態(tài)的指示器。

17. 滑塊 - 允許用戶通過拖動手柄來調整數值的控件。

18. 下拉框 - 允許用戶從一個選擇列表中選擇一個選項。

風格組件：

1. 排版 - 文本樣式兼容所有響應的設備尺寸，如手機、平板電腦、桌面等。

2. 調色板 - 最小的單色調色板，遵循無障礙標準。

3. 陰影 - 為每個組件和不同的狀態(tài)（如懸停、按壓等）建立重點陰影。

4. 圖標 - 我們的設計系統(tǒng)使用Heroicons，這是一個由880多個拋光和美麗的手工制作的SVG圖標的集合，由Tailwind CSS的制造商制作。

5. 頭像圖片 - 我們的設計系統(tǒng)使用來自Craftworks的精心制作的頭像插圖。

6. 公司標志 - 這些標志僅用于說明目的，并不暗示與各公司的認可或聯(lián)系。

使用此功能，您可以通過使用可輕松定制以滿足您的品牌和項目要求的預構建組件開始您的設計過程，從而節(jié)省時間和精力。