Angular libraries

Angular 2 libraries are less numerous than angular 1 equivalents, but they are growing fast. The good point is that you do not loose to much time finding the right one, as it used to be the case with angular 1. And as angular 2 is much clearer, they are generally easier to understand with less code, no dependency to jQuery...

List of angular 2 resources

Awesome Angular https://github.com/AngularClass/awesome-angular
Awesome angular components List of angular 2 components

https://github.com/brillout/awesome-angular-components

Font & icon

angular2-fontawesome Font awesome wrapper, make the icon a component or a directive and make font awesome options customizable

https://github.com/travelist/angular2-fontawesome

Layout

flex layout api on top of flexbox to automatize flex code and take account of breakpoints ...
Use directives to styles the page. Is independent of Angular material.

In their flexbox api

There are

container directives
Child elements in a container directives
Special directives (responsive utility...)

Code look like that

div(fxFlex fxLayout='row')
    div(fxFlex="20%")
      p Code
    div(fxFlex="30%")
      p Start Date
    div(fxFlex="30%")
      p End Date
    div(fxFlex="20%")
      p Status

And is then interpreted at run time to adapt to screen size.

Parallax

Ang2 parallax

https://github.com/allenRoyston/ang2-parallax

Angular 2 UI components library

We have put our the angular 2 & 4 UI components libraries list in a separate article

Carousel

Ngx Slick wrapper from slick jquery plugin

Complex stackable grid

Grid stack and it's ng2 wrapper ng2-gridstack
Events
ng-radio a message bus for angular to replace missing $scope.$emit and allow sibling components to talk and more generally global casting of a message. Use RxJs https://github.com/govorov/ng-radio
angular2 notification : toaster or browser notification to confirm events...
https://github.com/flauc/angular2-notifications

Pipes

Angular pipes : Shared pipes (filters) libraries. Standard angular pipe are very limited but pipes are very similar project, so a library of pipes makes a lot of sense
https://github.com/fknop/angular-pipes

The doc the different available pipes it is available here or there on how to define pipes in your modules and components

angular-linky : angular wrapper on a js library that transform in links emails, urls, phone numbers...

https://github.com/dzonatan/angular-linky

Angular 2 Mardown Convert markdown to html

Angular 2 markdown make also the auto-linking, you can see all markdown styles in their demo.

https://github.com/dimpu/angular2-markdown

Moment date pipes

https://github.com/urish/angular2-moment

Logging

ngLogger a logger service for angular : allow disabling logging to group log....

https://github.com/noemi-salaun/ng-logger

Forms

credit card validation

https://github.com/nogorilla/angular-cc-library

ng2 validation / Add many forms validator to default one

Data

JS-DATA Data store for js (front and back)
Angular 2 example
Using observable
Angular + Redux Integration of redux data store with angular 2

https://github.com/angular-redux/store

Dynamic component....

ng-dynamic One use case is "project" content to a content...dynamically

https://github.com/laco0416/ng-dynamic

Infinite scroll

Angular 2 infinite scroll https://github.com/orizens/angular2-infinite-scroll
ng2-page-scroll Scroll in the page https://github.com/Nolanus/ng2-page-scroll
ng2-scroll-to Have the advantage of allowing to scroll inside an element. No service to though https://github.com/drusso85/ng2-scroll-to
ng2-scroll-to-el https://github.com/MarcinMichalik/ng-scrollTo
Angular Perfect Scrollbar Wrapper for perfect scroll bar, a lib to customize the scrollbars