awesome-uikit | Tenten Awesome List

Awesome UI Kit

[](https://github.com/jaywcjlove/awesome-uikit/actions/工作流/ci.yml）

收集 JS 框架、Web 組件庫和管理模板。

/assets/iview.png" height="64px" /> /assets/iview.png" height="64px" /> 64px" /> 64px" /> com/EasyWebApp/WebCell">com/EasyWebApp/WebCell">

內容

- [反應]（#反應）
- [角度]（#angular）
- [聖]（#聖）
- [角度]（#angular-1）
- [備忘單]（#備忘單）

解釋

![開源軟件][OSS Icon]表示開源，點擊進入開源 repo； ![hot][hot Icon] 表示熱；

＃＃構架

其中大部分來自：

三巨頭

- 用於構建用戶界面的 JavaScript 庫。
- 一個框架。移動和桌面。
- 一種漸進式、漸進式的 JavaScript用於在 Web 上構建 UI 的框架。

具有歷史意義

- AngularJS - 為 Web 應用程序增強的 HTML！
- 給你的 JS 應用一些帶模型的主幹，視圖、集合和事件。
- 用於創建雄心勃勃的 Web 應用程序的 JavaScript 框架。

###值得注意

- Aurelia 允許我們專注於業務邏輯，而不是框架。
- React16-compat 迷你庫。
- Elm 網站的服務器和客戶端代碼。
- 使用 Web 組件開發應用程序的輕量級函數。
- 使用標準標記模板的 JSX 替代方案，具有編譯器支持。
- 一個非常快速的、類似 React 的 JavaScript 庫，用於構建現代用戶界面。 ![hot][hot Icon]
- 輕量級 1KB JSX 庫。
- 使用 Web 組件構建現代應用程序。
- 具有相同現代 API 的快速 3kB React 替代方案。組件和虛擬 DOM。
- 利用 JavaScript 和 OCaml 生態系統的簡單、快速和類型安全的代碼。
- 神奇的消失 UI 框架。 ![hot][hot Icon]
- 用於構建用戶界面的聲明性、高效和靈活的 JavaScript 庫.. ！ [熱][熱圖標]

＃＃＃移動的

- 具有 Vue 易用性的 NativeScript。
- 使用 React 構建原生應用程序的框架。 ![hot][hot Icon]
- 用於構建移動跨平台 UI 的框架。

###小程序

- 把 React Native 代碼轉換成微信小程序代碼的轉換引擎工具。 [![開源軟件][OSS圖標]](https://github.com/skyFi/weapp -本國的）
- 編譯型跨端解決方案，基於支付寶/微信小程序，輕鬆地轉換成其他平台的小程序。 [![開源軟件][OSS圖標]](https ://github.com/ant-move/Antmove)
- 開發基於 Remax 框架的小程序 UI 組件庫。 [![開源軟件][OSS Icon](https://github.com/ AnnaSearl/anna-remax-ui)
- 設置代碼運行多端，所見即多端所見[![Open-Source Software]
- 滴滴開源小程序框架。
- 基於 Vue.js 的小程序框架，從支持 Vue.js 的語法和製作工具開發。
- 多端統一開發框架，支持小程序、H5、React Native等的應用。
- 像 React 一樣開發組件來開發微信小程序，開發微信小程序框架。 [![Open-Source Software][OSS Icon]](https://github .com/skyFi/weapp-native)
- 小程序組件化開發框架。
- 將 React 運行在小程序環境中，讓你可以使用完整的 React 進行開發。
使用Vue語法開發小程序、H5、App的統一框架

包的其餘部分

- AppRun 是一個使用 elm 架構、事件和組件開發的應用程序。
- 一個小型 (1.6kB) 庫，用於處理 Web 組件。
- Scala 的反應式數據綁定。
- 一個優雅高效的 express mvvm 框架。
- 具有虛擬 dom 的面向組件的框架（快速、穩定、帶有工具）。 ![hot][hot Icon]
- 堅固的 4kb 前端框架。
- 用於可預測代碼的功能性和反應式 JavaScript 框架。
- 用於構建用戶界面的庫。 ![hot][hot Icon]
- 項目的元信息。
- DOM ViewModel - 一個輕薄、快速、無依賴的 vdom 視圖層。 ![hot][hot Icon]
- 基於 React 和 redux 的輕量級和 elm 風格的框架。
- 使用簡單而明確的 API 圍繞 virtual-dom 構建組件。
- 類似於 JSX，但原生且快速。
- 用於創建動態內容的 JavaScript 庫。
- Glimmer.js 項目的中央存儲庫。
- 1 KB JavaScript 庫，用於構建 Web 應用程序。 ![hot][hot Icon]
- 一個快速、功能豐富且簡單的框架，用於構建動態瀏覽器應用程序。
- 一種快速輕量的虛擬 DOM 替代方案。
- 用於構建 Web 用戶界面的 Javascript (TypeScript) 庫。 ![hot][hot Icon]
- 一個可繼承的強邏輯模板前端 mvvm 框架。
- Knockout 可以更輕鬆地使用 JavaScript 創建豐富的響應式 UI。
- 純粹簡單的虛擬 DOM 庫。
- 來自 eBay 的友好（且快速！）的 UI 庫，它使構建 Web 應用程序變得有趣。
- 用於構建出色應用程序的 Javascript 框架。
- <1kb 虛擬 DOM - 很快！
- 一個最小的、超快的 UI 庫。
- 一個可繼承的強邏輯模板前端 mvvm 框架。
- 超快的 React 替代方案，兼容 IE8 和 React 16。
- 一個模塊化的前端框架 - 受服務器端和 Web 組件的啟發。
- 極簡的虛擬 dom 庫。 ![hot][hot Icon]
- 1 KB VDOM 構建器和補丁功能。 ![hot][hot Icon]
- 使用 PureScript 構建類型安全的 Web 應用程序。
- 下一代 DOM 操作。
- React 的實現，優化了小腳本大小。
- 用於創建用戶界面的微型 (2 KB) 渦輪增壓 JavaScript 庫。 ![hot][hot Icon]
- 功能反應式 UI 庫。
- 簡單優雅的基於組件的 UI 庫。
- 創建 DOM 元素並在其上綁定 observables。
- 一個靈活的 JavaScript 組件框架。
- DOM 的數據綁定函數。
- 基於現代標準的快速且強大的前端微框架。
- 另一個 javascript 框架。
- S.js 應用程序的高性能 JSX Web 視圖。 ![hot][hot Icon]
- React 的簡單 PureScript 包裝器。
- 反應式流的轉換信號執行器框架。
- 基於虛擬 DOM 構建 UI 的庫。
- React 中的 Vue，Vue 中的 React。兩者無縫融合。
- 基於 JSX & TypeScript 的 Web 組件引擎

反應狀態

- 反應上下文 + 狀態。
- React 的素食友好狀態。
- React 的下一代狀態管理器。
- React 的下一代狀態管理器。
- React 的原始和靈活的狀態管理。
- 簡單、可擴展的狀態管理。
- 簡單的 React 狀態管理。使用❤️ 和 ES6 代理製作。
- 官方的、固執己見的、包含電池的工具集，用於高效的 Redux 開發 [![Open-Source Software][OSS Icon]](https://github.com/reduxjs/redux -工具包）
- React 的簡單全局狀態與 Hooks API 沒有上下文 API。
- 使用狀態圖進行狀態管理..
- 350b/650b 狀態容器，帶有用於 Preact 和 React 的組件操作。
- 200 字節，不再考慮 React 狀態管理庫。
- React 的 ½ kb 狀態機鉤子。
- Valtio 使 React 和 Vanilla 的代理狀態變得簡單。
- 承擔 React 中狀態管理的必需品。

Web 組件

＃＃＃組件

- AMP Web 組件框架。
Bolt 設計系統提供了強大的 Twig 和 Web 組件。
- Clarity 是一個開源設計系統，它將 UX 指南、設計資源和編碼實現與 Web 組件結合在一起。
- Material Design Web 組件。
- 現代網絡體驗的自適應界面系統。
- 設計系統的基本白標 Web 組件功能.. [![Open-Source Software][OSS Icon]](https://github.com/ing-bank /獅子）
- 一組專業設計的、基於與框架無關的技術構建的日常 UI 組件。
- 原生 API 之上的企業級糖。
- 出現手繪的自定義元素的集合。非常適合線框或有趣的外觀。
- 給未來的Java組件UI組件庫

＃＃＃工具

- 基於裝飾器的小型 Web 組件框架。
- 漸進式 Web 組件庫。
- 一個基本的 JSX 工廠，用於利用 Web 組件的項目。
- 超快的企業級 Web 組件基礎。
- Lit 是一個簡單的庫，用於構建快速、輕量級的 Web 組件。
- Web 組件 + 虛擬 DOM：強大 UI 的 Web 標準。
- 用於在 TypeScript 和 Web 組件標準之上構建可擴展、企業級組件系統的工具鏈。
- 由現代視圖庫提供支持的輕鬆自定義元素。
- 基於現代標準的快速且強大的前端微框架。
- 一個低調的組件框架 - 穩定、最小、易於審計、零依賴和無構建工具。

UI 組件

反應

[React](https:// /github.com/facebook/react) 基於組件庫。

- 一個高質量的 UI 工具包，一個 React 組件庫。
- 適用於 React、Vue 3、Svelte 和 Angular 的可訪問組件基元
- 一種 UI 設計語言。
- 一個全面的 React UI 組件庫。
Atlassian 的官方 UI 庫，根據 Atlassian 設計指南構建。
- 使用 React.js 構建的 Amaze UI 組件。
- 用於 Web 應用程序的未來科幻和賽博朋克圖形用戶界面框架。
- 背包設計系統。
- 基礎 Web React 組件。
- Blueprint 是一個基於 React 的 Web UI 工具包。
- Bloom 充當可重用 React 組件的中央存儲庫。
- 具有出色 UX 的可配置 React 組件。
- 為企業應用而生的 React UI 組件套件。
- 在 Buttercup 產品中使用的 React UI 組件。
- 根據 IBM 的 React 組件。
- 用於 React 應用程序的簡單、模塊化和可訪問的 UI 組件。
- 對話式 UI 的 UI 設計語言和 React 庫。
- 數雲PC端react基礎組件。
- Froala 設計塊的 React 實現。
-Evergreen React UI 框架，按分段。
- 用於企業級應用程序的基於 React 的 UI 工具包。
- 用 React 編寫的基本 UI 組件的集合。
- 在 React 中使用 Ext JS 組件。
- 使用 Reakit 構建的友好、可主題化、可訪問的 React UI 工具包。
- 基礎作為 React 組件。
-Fyndiq 的可重用組件庫。
- 基於 React 的可配置 Web 組件庫。
- React.js 的靈活美觀的 UI 框架。
- 基於花園 css 的花園 React 組件。
- 現代簡約的 React UI 庫。
- 一組支持 Pinterest 設計語言的 React UI 組件。
- 使用 CSSinJS 在 React 中實現 GOV.UK 設計系統。
- 專注於基本體驗。
- 具有 nijigen 風格的反應 UIKit。
- 具有 nijigen 風格的反應 UIKit。
這是一個足以製定和實現前、中、後端交互和UI設計標準的解決方案。
- Instructure, Inc. 製作的 UI 組件庫
- 海量可多種物料速遞，通過 GUI 工具極製造中的後台應用。
- Klarna 的 UI 組件庫。
- Klarna 的 UI 組件庫。
- 使用 Lodgify 構建令人驚嘆的網站的 React 組件。
- 實現 Google 的 Material Design 的 React 組件。
- 模塊化 UI React 組件。
- 使用 Material Design 反應 Bootstrap。
- 具有原生深色主題支持的 React 組件庫。
- React Bootstrap 與 Material Design。
- 用於構建 Office 和 Office 365 體驗的 React 組件。[![開源軟件][OSS 圖標]](https://github .com/OfficeDev/office-ui-fabric-react)
- Kiwi.com 的 Orbit 組件的公共存儲庫。
- 可重用 UI 組件的 Textkernel OneUI 庫。
- 可重用 UI 組件的 Textkernel OneUI 庫。
- PatternFly 項目的一組 React 組件。
- Shopify 的產品組件庫。
- Pivotal UI 是一組為 Pivotal 品牌設計的 React 組件。
- 是 React 豐富的 UI 組件的集合。
- 入門 React 組件。
- 由蔡司提供支持的 React UI 組件庫。
- React 的綜合 Bulma UI 框架。
- 可重用的 React 組件庫。
- 簡單的 React Bootstrap 4 組件。
- 使用 React 構建真正交互式 UI 的工具包。
- 帶有 Win95 UI 的 React 組件庫。
- 一套 React 組件。
- 幫助您構建自適應、可訪問和強大的用戶體驗的庫和工具的集合。來自 Adobe。
- 一個開源 UI 組件庫，用於構建高質量、可訪問的設計系統和 Web 應用程序。
- JetBrains Web UI 組件的集合。
- JetBrains Web UI 組件的集合。
- React 組件，基於 bootstrap 4.0。
- 最流行的前端框架，為 React 重建。
- 一組功能齊全、可擴展且可訪問的 UI 組件，旨在集成到任何樣式框架或系統中。
- 簡單的 React Bootstrap 4 組件。
- 適用於 macOS High Sierra 和 Windows 10 的 React UI 組件。
- 反應的材料設計，由 materializecss 提供支持。
- React Material Design - 使用 sass 構建的 React 組件。
- React Ionic：我們正在尋找新的維護者！
- 響應式 React UI 組件！
- 使用 React 編寫的基本 UI 組件的集合。
- 實現微軟 UWP 設計和流暢設計的 React 組件。
- 是一組實現 Google 的 Material Design 規範的 React 組件。
- React 應用程序和設計系統的無障礙基礎。
- React UI 組件庫。
- 功能性 React UI 組件庫，使用 styled-components 構建。
- 用於 UIKit CSS 框架的 React UIkit 組件。
- 可主題化的 React 組件庫。
- 可主題化的 React 組件庫。
- React 的組件庫。
- 官方 Semantic-UI-React 集成。
- 現代 React UI 庫。少寫代碼，多做事。
- 用於樣式化組件的 React UI 庫。
- 網頁設計系統。
- 適用於企業應用程序的 React UI 組件套件。
基於 UI 設計語言 iUAP Design 和 React 的組件庫。
- Tenon 可訪問的 ui 組件庫。
- 基於基於約束的設計原則構建一致的、可主題化的 React 應用程序。
- 為 React.js 設置的友好 UI 組件
- 一個基於 React 的可定制化的 pc 端組件庫。
- 用 React 編寫的基本 UI 組件的集合。
- 一個易於使用的 Web UI 組件框架。
- Web UI 組件框架。
- react 的中式組件庫。

Vue

[Vue](https:// /github.com/vuejs/vue) 基於組件庫。

- VueJS 的碳設計。
- 一個清新扁平的 UI-Kit，專門用於桌面應用程序，由 ♥ 由 Vue.js 2.0 製作。
- 用於 Web 的 UI 工具包，Vue2.0 .[![開源軟件][OSS 圖標]](https://github.com/SmokingRabbit/amaze- vue)
- 適用於 Web 的 Vue.js 2.0 UI 工具包。
- 一組企業級 Vue UI 組件。
- Vue.js 2 [bootstrap-4](http s://getbootstrap.com/) 網格和組件的實現。
- Vuejs 2.0 的 Material Design UI 庫。
- Vue.js 的下一代 Material UI。
- VueJS 的碳設計。
- 將 btn、card 等組件類添加到 Tailwind CSS。
- 適用於 Web 的 Vue.js 2.0 UI 工具包。
- 一個 Vue.js 3 UI 庫。
- Vue.js 的企業 UI。
- 適用於 Web 的 Vue.js 2.0 UI 工具包。
- 軲轆，給源碼閱讀者的 UI 框架。
- GitLab UI 是一個 UI 組件庫，它實現了我們的設計系統。
- 用於 Web 的 UI 工具包，Vue2.0 。
- 基於 Vue.js 的高質量 UI 工具包。
- 高可擴展性 && 自由的 vue ui 組件。
- Vuejs 2.0 的 Material Design UI 庫。
- Vue.js 的材料設計組件。
強大的Vue UI庫。[![開源軟件][OSS圖標]](https://github.com/N3-components/N3 -組件）
一個 Vue 3 組件庫。相當完整。可定制的主題。使用打字稿。
- 移動 UI 組件庫。
- Vue 的 UI 組件。
- Vue.js 的材料組件框架 2.
- Material Design 風格的 Vue.js UI 組件庫。
- Semantic UI Vue 是 Semantic UI 的 Vue 集成。
- 官方 Vue 組織應用程序的 UI 組件。
- 是 Vue 2 的 Bootstrap 3 組件庫..
- 用 Vue 實現的 Antd 組件庫。
- 使用 vue 和 ant 設計構建的漂亮 UI 組件。
- 基於 Ant Design 3.X 和 Vue 的企業級 UI 組件。
- Vue.js 的材料設計。
- Vuesax 前端 Vue 組件。
- Vue.js 的 Material 組件框架 2.

角度

###桑

###秘銀

網絡單元

全力以赴

＃＃＃傳統

移動 UI 組件

反應

反應原生

React Native 應用程序的組件

Vue

＃＃＃微信

＃＃＃傳統

管理模板

反應

Vue

角度

＃＃＃其他

＃＃工具

備忘單

[熱圖標]：https://jaywcjlove.github.io/sb/ico/min-hot.svg “熱” [OSS 圖標]：https://jaywcjlove.github.io/sb/ico/min-oss.svg 《Github 上的開源 ui 組件》

貢獻者

一如既往，感謝我們出色的貢獻者！

＃＃執照

根據 MIT 許可證獲得許可。