Best AngularJs Plugins Directives Plugins

Angular Gantt : AngularJS Gantt Chart

Angular Gantt : AngularJS Gantt Chart

Gantt chart component for AngularJS.

Features:

  • Two-way data binding between model and view.
  • Advanced calendar support to define holidays and working hours.
  • Each task and row has its own properties and behavior.
  • Rows and tasks can be sorted and filtered.
  • Plugin architecture to add custom features and hooks.
  • API to listen events and call methods from your controller.

AngularJS Circular Navigation Menus

AngularJS Circular Navigation Menus

Angular circular navigation is a AngularJS directive, which is build on top of the Tutorial Building a circular navigation with css transform.

AngularJS Money Directive to Validate Monetary Inputs

AngularJS Money Directive to Validate Monetary Inputs

AngularJS money directive to validate monetary inputs.This directive validates monetary inputs in “42.53” format (some additional work is needed for “32,00” European formats). Note that this is not designed to work with currency symbols. It largely behaves like Angular’s implementation of type="number".

  • Prevents entering non-numeric characters
  • Prevents entering the minus sign when min >= 0
  • Supports min and max like in <input type="number">

 

nzAnimate : Angular Animations Class-based Library

nzAnimate : Angular Animations Class-based Library

Built on Animate.css and animate-stylus, nzAnimate not only provides the regular functionality of Animate.css, but also provides easier classes for Angular animations on directives like ng-repeat (ng-enter, ng-leave), ng-hide, ng-show, or any other directives that leverage the ngAnimate module.

Angular-Feeds : AngularJS module for RSS & Media feeds

Angular-Feeds : AngularJS module for RSS & Media feeds

Angular Feeds renders Atom, RSS and Media feeds using simple HTML markup (aka Directives). It internally uses Google Feeds for reading & parsing feeds and comes with default template for displaying feed content. You can also configure it to use a different template of your choice.

ngSticky : Angular Sticky Elements

ngSticky : Angular Sticky Elements

AngularJS directive to make elements stick when scrolling down.

Features:

  • Allows use of an offset so elements can be stuck to eg. 50px from the top of the browser
  • Recalculates element position on page load and on window resize
  • Clean: No external CSS or jQuery required, and it only adds the classes you specify.

Virtual Scroll for AngularJS

Virtual Scroll for AngularJS

vsRepeat directive stands for Virtual Scroll Repeat. It turns a standard ngRepeated set of elements in a scrollable container into a component, where the user thinks he has all the elements rendered and all he needs to do is scroll (without any kind of pagination – which most users loath) and at the same time the browser isn’t overloaded by that many elements/angular bindings etc.

Native AngularJs Drag and Drop Directive

Native AngularJs Drag and Drop Directive

An easy to use, native, directive to enable drag/drop in your angular app. This directive has no dependency on jQuery or other frameworks, it does require a browser that supports the HTML5 drag/drop events.

BandGallery : Fullscreen Scrolling Photo Gallery with AngularJS

BandGallery : Fullscreen Scrolling Photo Gallery with AngularJS

An AngularJS Directive that sets up a fullscreen gallery with all of your pictures.

Features:

  • Completely responsive
  • Customizable controll elements
  • Smooth scrolling due to previous and next-buttons on the side
  • Showing fullscreen images to present all your best

nzAccordiScroll : AngularJS Scrolling Accordion Directive

nzAccordiScroll : AngularJS Scrolling Accordion Directive

nzAccordiScroll is a superlative, scrolling accordion directive for AngularJS.