25个很棒的AngularJS Web 用户界面 框架组件

设计和实现应用程序的UI是开发过程的重要组成部分。从头开始为每个组件编写自定义CSS样式可以提供高级别的自定义功能,但也需要大量资源。有时最好使用现有的UI框架。因此,这里有一些基于AngularJS的最佳UI框架,它们提供了可立即使用的Web 用户界面 组件。

PrimeNG

PrimeNG 是AngularJS2的丰富UI组件的集合。 PrimeNG 是流行的JavaServer Faces组件套件PrimeFaces的同级产品。

 PrimeNG

手风琴

角度的 JS的多层次手风琴组件。

手风琴

QuantumUI

QuantumUI是功能最强大且设计良好的NATIVE 角度的 JS和基于Bootstrap 的CSS 的UI组件,可简化开发人员的工作。它整合了MVVM结构,简单,轻便,快速,移动友好的25多个组件以及许多本机角度服务。

QuantumUI

ave

ave 用户界面 专为基于AngularJS的Web应用程序而设计。它由CSS定义,指令和服务组成,可帮助快速有效地构建UI。

 ave

进度按钮样式

角度的 JS版本的codrops进度按钮可与promises一起使用。

进度按钮样式

标签

带有ui-bootstrap的支持typeahead的纯AngularJS标记小部件。

角度标签

选择

选择 2和Selectize的AngularJS本机版本。

 UI 选择

角度的 JS的树组件

角UI树是一个AngularJS 用户界面 组件,可以对嵌套列表进行排序,提供拖动&放弃支持并没有’t depend on jQuery的 .

树组件

日历

Arshaw FullCalendar的完整AngularJS指令。

 日历

自举灯箱

打开灯箱时,可以通过单击图像上方的按钮,单击向左/向右箭头键或向左/向右滑动来导航到上一个/下一个图像(ngTouch可选)。 角度的 用户界面 引导程序会自动绑定用于关闭模式的转义键。

 灯箱

调整带

基于AngularJs 1.2+的轻量级UI组件/实用程序& Bootstrap 3.

调整带

移动角度UI

HTML5移动UI框架,可让您使用Angular Js和Bootstrap 3进行移动应用程序开发。

移动角度UI

角UI树

角度的 JS 用户界面 组件,可以对嵌套列表进行排序,提供拖动&放弃支持并没有’t depend on jQuery的

角度UI树

日期时间选择器

有很多可以与AngularJs和Bootstrap配合使用的日期时间选择器,但是到目前为止,我发现最好的是Angular 用户界面 Bootstrap日期时间选择器。

日期时间选择器

Ng通知栏

角度的 .js组件,用于时尚而灵活的顶部栏通知。

Ng通知栏

西德纳夫

复制Angular Material Style SideNav菜单的简单组件。

 西德纳夫

导航树

样式完全是Bootstrap,因为树实际上只是一个Bootstrap“nav”列表,但有一些更改:添加了缩进,添加了展开/折叠图标,并且在展开/折叠过程中使用了Angular 的CSS 动画。

Bootstrap 导航 tree

角忙

在$ http请求(或任何承诺)期间,在任何元素上显示繁忙/正在加载指示器。

忙碌的

工具提示

角度的 工具提示是一个AngularJS指令,可在您的元素上生成一个工具提示。

工具提示

正式地

angular-formly是一个AngularJS模块,其指令可帮助自定义和呈现JavaScript / JSON配置的表单。 正式地 -form指令和formlyConfig服务非常强大,可为您的应用程序带来无与伦比的可维护性’s forms.

 正式地

谷歌地图

角度的 谷歌地图是用CoffeeScript和Javascript编写的一组指令(angular-ui的一部分),这些指令将Google Maps集成到AngularJS应用程序中。

谷歌地图

可排序

适用于现代浏览器和触摸设备的JavaScript库。没有jQuery。

 可排序

材质图标

角度的 JS指令可使用具有自定义填充颜色和大小的Material Design图标。

物质图标

计时器

角度的 JS中的指令是构建可重用的UI组件的强大方法。这个简单的项目将作为示例/参考实现,通过使其在整个运行时之间可互操作来展示其灵活性(AngularJS,普通的简单JavaScript& jQuery的 )

角度计时器

图表

使用d3创建通用图表的角度指令。

 图表

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.