最近華為云出品了一個開源項目叫OpenTiny，其中包含兩個前端組件庫項目一個是TinyVue另一個是TinyNG組件庫。TinyNG組件庫是一個基于Angular框架的開源UI組件庫，其中包含了豐富的UI組件，如按鈕、輸入框、表格、對話框等，可以方便開發(fā)人員快速構建Web應用界面。TinyNG組件庫的設計風格簡潔、易于使用，同時支持響應式設計，可以適配不同的設備尺寸。同時，它也支持自定義主題和國際化，滿足不同項目的需求。我最近也是嘗試使用了這個TinyNG組件庫，下面也給大家說一下這個TinyNG組件庫到底是怎么使用的。

使用TinyNG組件庫的步驟如下：

1. 下載并導入TinyNG組件庫的CSS和JS文件到項目中。

2. 在HTML文件中引入相關的CSS和JS文件。

3. 在頁面中使用組件庫提供的組件和工具。

例如，使用按鈕組件：

當然，除了按鈕組件，還有很多其他的組件和工具，可以根據(jù)實際需求使用。在使用時，可以參考TinyNG組件庫的文檔，文檔中提供了詳細的組件和工具的使用說明和示例代碼。

在使用了下OpenTiny項目中TinyNG組件庫后，其實整體感覺還是非常不錯的，組件也是非常豐富，并且TinyNG這個項目的優(yōu)勢還是比較明確的：

1、TinyNG組件庫組件豐富，已開源 70+ 基礎組件，逐步開源 100+ 組件。使用 CSS Var 自定義主題，免編譯、支持JS熱更新變量。所見即所得自定義主題配置，一鍵發(fā)布到 npmjs

2、 微組件特性：每個組件獨立版本號管理，可以單獨安裝或升級一個組件。如果使用眾多組件，僅升級一個組件，免去全量測試。

3、 采用面向對象架構設計，代碼重復率遠低于谷歌等競品一個數(shù)量級。與 Angular 保持同步升級。

對于OpenTiny開源項目的TinyNG組件庫，我也添加了小助手微信：opentiny-official，想要了解更多的話也可以添加下，有需要也可以一起交流前端技術，一起玩開源。??

OpenTiny 官網(wǎng)：https://opentiny.design/

OpenTiny 代碼倉庫：https://github.com/opentiny/

TinyVue 組件庫：https://github.com/opentiny/tiny-vue（歡迎 Star）

TinyNG組件庫：https://github.com/opentiny/ng（歡迎 Star）

TinyCli工具: https://github.com/opentiny/tiny-cli （歡迎 Star ??）