10 个最受欢迎的 Angular 库。
一、Angular Material
Angular Material 是由 Google 开发的一款工具,是适合与 Angular 框架一起使用的 UI/UX 组件库。
Angular Material 提供功能性 UI 组件、样式和动画,以创建专业和现代化的界面。组件包括表单元素、导航元素、数据表和图形等功能。Angular Material 可帮助您为 Angular 应用程序创建高质量且移动友好的界面。
安装
您可以使用 NPM 或 Yarn 安装 Angular Material,如下所示。
// with npm
npm i @angular/material
// with yarn
yarn add @angular/material
二、NGX Bootstrap
NGX Bootstrap 是 Angular 框架的 UI 组件库。它为 Angular 应用程序适配了 Bootstrap 4 风格,并为 Angular 应用程序提供了强大而灵活的 UI 组件。NGX Bootstrap 包括流行的 UI 组件,例如模态窗口、旋转木马、下拉菜单、选项卡、警报和 toast 通知。Angular 开发人员经常首选它,因为它易于使用和配置。
安装
您可以使用 NPM 或 Yarn 安装 NGX Bootstrap,如下所示。
// with npm
npm i ngx-bootstrap
// with yarn
yarn add ngx-bootstrap
三、NG Bootstrap
ng-bootstrap 是一个开源存储库,它提供了几个使用 Bootstrap 4 CSS 构建的原生 Angular 小部件。如您所知,Bootstrap 是最流行的 CSS 框架之一,用于使用 HTML、CSS 和 JavaScript 库创建时尚现代的应用程序。
安装
您可以使用 NPM 或 Yarn 安装 NG Bootstrap,如下所示。
// with npm
npm i @ng-bootstrap/ng-bootstrap
// with yarn
yarn add @ng-bootstrap/ng-bootstrap
四、Angular 的 Onsen UI
Angular 的 Onsen UI 是 Angular 框架的 UI 组件库。它针对移动应用程序进行了优化,并使用 HTML5 和 CSS 技术进行设计。Angular 的 Onsen UI 为 Angular 应用程序提供移动友好且功能强大的 UI 组件,但也可用于桌面浏览器。
组件包括流行的 UI 组件,例如,导航元素、表单元素、选项卡、模态窗口和 toast 通知。Angular 的 Onsen UI 是一个选项,它具有简单易用的 API,可以与 Angular 一起使用。
安装
您可以使用 NPM 轻松安装 Onsen UI,如下所示。
// with npm
npm install onsenui ngx-onsenui --save
五、PrimeNG
PrimeNG 是 Angular 框架的 UI 组件库。PrimeNG 为 Angular 应用程序提供专业和多功能的 UI 组件。组件包括数据表、图表、滑块、下拉列表、选项卡、灯箱、树和许多其他功能性 UI 组件。PrimeNG 旨在提高 Angular 应用程序的性能和用户体验,并且易于配置。它还可以与 Angular 一起使用,并提供主题支持。
安装
您可以使用 NPM 或 Yarn 安装 PrimeNG,如下所示。
// with npm
npm i primeng
// with yarn
yarn add primeng
六、NG Lightning
NG Lightning 是一个流行的用于 Salesforce 开发的 Angular 组件库。该库依靠输入功能为最终用户提供更好的性能。它建立在原生 Angular 组件和闪电设计系统之上。
-
它专注于改进性能和更大的开发灵活性。
-
Angular 和 Salesforce 开发方面的专家。
-
用 TypeScript 编写。
安装
您可以使用 NPM 安装 NG Lightning,如下所示。
npm install --save ng-lightning
七、Syncfusion Angular UI
Syncfusion Angular UI (Essential JS 2) 是基于现代 TypeScript 的真正 Angular 组件的集合。它具有提前 (AOT) 编译和 Tree-Shaking 支持。所有组件都是从头开始开发的,具有轻便、响应迅速、模块化和触摸友好的特点。
安装
您可以通过 NPM 安装所需的包。
npm i @syncfusion/ej2-angular-base
八、Clarity
Clarity Design System 是一个开源项目,它将 UX 指南、HTML/CSS 框架和 Angular 组件结合在一起,共同创造非凡的体验。
安装
您可以使用 NPM 安装 Clarity,如下所示。
// with npm
npm i @clr/angular
九、Vaadin UI组件
Vaadin 是一个用于构建 Web 应用程序的 Java 框架,它提供了广泛的 UI 组件,用于构建响应迅速且用户友好的界面。
安装
您可以使用 NPM 安装 Vaadin,如下所示。
// with npm
npm i @vaadin/vaadin-grid
十、Nebular
Nebular 是由 Akveo 调用的 UI Kit。它在 Angular 框架上运行,并提供一组现成的组件、主题和工具来创建用户输出。Nebular 可帮助您为当前的 Web 应用程序创建现代且令人印象深刻的结果。此外,Nebular 和 Angular 都易于配置和学习。
安装
您可以使用 NPM 安装 Nebular,如下所示。
//with npm
npm i node-teradata