目录
我是一名在互联网行业从事Java开发的软件工程师,具备多年互联网及电商平台的开发经验,本文撰写的主要目的是总结平时工作的过程中对前端Angular框架的学习和使用
项目名称 | 项目介绍 | 地址 | JS框架支持 |
Boostrap | 来自 Twitter,是目前最受欢迎的前端UI框架 | 官网:https://getbootstrap.com/ 中文网:http://www.bootcss.com/ | |
ng-bootstap | 基于Bootstrap 4 CSS的angular组件库 | Github Pages:https://ng-bootstrap.github.io/ | Angular |
ngx-bootstrap | Native Angular directives for Bootstrap | 官网:https://valor-software.com/ngx-bootstrap/ | Angular |
ag-grid | 企业级风格数据表格组件,如排序、过滤、自定义渲染、编辑、分组、聚合和旋转。 | 官网:https://www.ag-grid.com/ Angular:https://www.ag-grid.com/angular-getting-started/ | Angular/Reat/Vue.js |
amexio | 平台级Angular UI。开放源代码(Apache 2许可证)免费,并由Meta MaungEnglobal公司支持。 120+ UI Widgets Drag & Drop Widgets Responsive Web Design 57 Material Design Themes Charts / Maps / Dashboard / Layouts | 官网:https://amexio.tech/ API:http://api.amexio.tech/ DEMO: http://demo.amexio.tech/ 源码:https://github.com/meta-magic/amexio.github.io | Angular |
Material | Google I/O 2014 发布的 Material Design 统一 Android Mobile、Android Table、Desktop Chrome 等全平台设计语言规范 | 官网:https://material-ui.com/ 中文网:http://design.1sters.com Angular Material:https://material.angular.io/ | Reat/Angular |
Clarity Design System | UI框架 Angular组件库 | Github Pages:https://vmware.github.io/clarity/ | Angular |
DevExtreme | 50 + UI组件,包括数据网格、枢轴网格、调度器、图表、编辑器、地图和其他多用途控件,用于为触摸设备和传统桌面创建高度响应的Web应用程序。 | 官网:https://js.devexpress.com/ Angular: https://js.devexpress.com/Overview/Angular/ API: https://js.devexpress.com/Documentation/ 源码:https://github.com/DevExpress/devextreme-angular#adding-devexteme-to-an-existing-angular-application | Angular/Reat/Vue.js |
element UI | Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,来自于饿了么 | 官网:http://element-cn.eleme.io/ Angular: https://element-angular.faas.ele.me/ | Angular/Reat/Vue.js |
Essential | 企业级应用 web, mobile, and desktop applications 800+UI组件、看板、图表 45+ ANGULAR COMPONENTS | 官网:https://www.syncfusion.com/ Angular:https://www.syncfusion.com/products/angular | Angular/Reat/Vue.js |
jQWidgets | 平台级UI 包括数据网格、树形网格、枢轴网格、调度器、图表、编辑器和其他多用途组件的UI组件 | 官网:https://www.jqwidgets.com/ Demo: https://www.jqwidgets.com/jquery-widgets-demo/ Angular:https://www.jqwidgets.com/angular/ | Angular/Reat |
Kendo UI | 第一个支持Angular的主要平台级UI 组件丰富,可构建原始app,响应式Web | 官网:https://www.telerik.com/ Angular: https://www.telerik.com/kendo-angular-ui/ | Angular/Reat/Vue.js |
Ignite UI | 拥有强大的Data Grid、Data Charts,和其他丰富的组件 | 官网:https://www.infragistics.com/ Angular:https://www.infragistics.com/products/ignite-ui-angular | Angular |
ng-lightning | Native Angular components & directives for Lightning Design System | Github Pages:http://ng-lightning.github.io/ng-lightning/ | |
Ant Design | 蚂蚁金服的一个服务于企业级产品的设计体系UI | 官网:https://ant.design/index-cn Reat:https://ant.design/docs/react/introduce-cn Angular(NG-ZORROR):https://ng.ant.design/docs/introduce/zh | Angular/Reat |
Antv | 蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。包含G2、G6、F2、gallery的JS库 | 官网:https://antv.alipay.com/zh-cn/index.html API:https://antv.alipay.com/zh-cn/g2/3.x/api/index.html | Angular/Reat/Vue.js |
Viser | 一个基于 G2 实现的,为数据可视化工程师量身定制的工具 | Github Pages:https://viserjs.github.io/docs.html#/guide/usage | Angular/Reat/Vue.js |
Onsen UI | 混合移动应用程序UI组件 | Angular:https://onsen.io/v2/api/angular2/ | Angular/Reat/Vue.js |
PrimeNG | 很完整的Angular UI组件库 | 官网:https://www.primefaces.org/primeng/#/ | Angular |
Semantic UI | 适应手机、平板、PC的UI框架 | 官网:https://semantic-ui.com/ Angular组件库:https://github.com/vladotesanovic/ngSemantic | Angular |
Admin LTE | 企业级后台UI框架 | 官网:https://adminlte.io/ Demo:https://adminlte.io/themes/AdminLTE/index2.html | |
vaadin | 最初是基于Java的Web应用组件和工具 | 官网:https://vaadin.com/ Angular:https://vaadin.com/start/v10-angular Github Pages:https://github.com/vaadin/base-starter-angular | Angular/Reat/Vue.js |
Wijmo | 丰富的UI 界面、表格设计、数据处理 Angular组件是纯typescript实现,无依赖 | 官网:http://cn.grapecity.com/ Angular:https://www.grapecity.com.cn/developer/wijmojs/angular | Angular/Reat/Vue.js |
blur-admin | 后台UI框架 | Github Pages:https://akveo.github.io/blur-admin/ | AngularJs |
Jigsaw(七巧板) | 中兴 Angular UI组件库 | 源码: https://github.com/rdkmaster/jigsaw | Angular |
WeUI | WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。 | 官网:https://weui.io/ Angular:https://cipchk.github.io/ngx-weui/#/start | |
Mobile Angular UI | 【移动端】UI框架,基于Boostrap和angularjs实现 | 官网:http://mobileangularui.com/ Demo:http://mobileangularui.com/demo/#/ | AngularJs |
Ionic | 【移动端】跨平台的移动App开发工具和框架 | 官网:https://blog.ionicframework.com/announcing-ionic-cli-v3/ | |
mint-ui | 【移动端】基于Vue.js组件库,来自饿了么 | Github Pages:http://mint-ui.github.io/ | Vue.js |