AngularJS

AngularJS

Superheroic Javascript MVW Framework

This is angular js framework used to create SPA's.

Official Website : AngularJS

Official Website : Angular 2


Some beautiful plugins :

ngTable :

ngTable is a nice angular grid with awesome features.

ngTable is AngularJS grid plugin. It has following awesome features

  • Loading data
  • Pagination
  • Sorting
  • Filtering
  • Grouping
  • Formatting table
  • Working with columns
  • Inline Editing
  • have sub plugins like Resize column and Export to CSV

ngTable Documentation and Examples

ngFileUpload (ng-file-upload) :

Lightweight Angular directive to upload files with optional FileAPI shim for cross browser support.

Features :

  • file upload progress, cancel/abort
  • file drag and drop (html5 only)
  • image paste form clipboard and drag and drop from browser pages (html5 only).
  • image resize and center crop (native) and user controlled crop through ngImgCrop. See crop sample (html5 only)
  • orientation fix for jpeg image files with exif orientation data
  • resumable uploads: pause/resume upload (html5 only)
  • native validation support for file type/size, image width/height/aspect ratio, video/audio duration, and ng-required with pluggable custom sync or async validations.
  • show thumbnail or preview of selected images/audio/videos
  • supports CORS and direct upload of file's binary data using Upload.$http()
  • plenty of sample server side code, available on nuget
  • on demand flash FileAPI shim loading no extra load for html5 browsers.
  • HTML5 FileReader.readAsDataURL shim for IE8-9
  • available on npm, bower, meteor, nuget

URL : Github Repository and Documentation with Examples

ngToast - Toaster plugin :

ngToast is toaster plugin for AngularJS.

ngToast is responsive and attractive toaster plugin for AngularJS to show help messages like toast. It generate the beautiful toast anywhere in your webpage, specially in all four corners.

URL : ngToast documentation and examples

Fork the repository : Fork ngToast

UI Bootstrap :

Bootstrap components written in pure AngularJS by the AngularUI Team.

This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:

  • AngularJS (requires AngularJS 1.4.x or higher, tested with 1.5.8). 0.14.3 is the last version of this library that supports AngularJS 1.3.x and 0.12.0 is the last version that supports AngularJS 1.2.x.
  • Angular-animate (the version should match with your angular's, tested with 1.5.8) if you plan in using animations, you need to load angular-animate as well.
  • Angular-touch (the version should match with your angular's, tested with 1.5.8) if you plan in using swipe actions, you need to load angular-touch as well.
  • Bootstrap CSS (tested with version 3.3.7). This version of the library (2.3.1) works only with Bootstrap CSS in version 3.x. 0.8.0 is the last version of this library that supports Bootstrap CSS in version 2.3.x.

URL : UI Bootstrap

Fork the repository : Fork UI Bootstrap

Angular Masonry :

A directive to use masonry with AngularJS.

What is Masonry?

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

URL : Masonry javascript grid layout

URL : Masonry directive for AngularJS

Fork the repository : Fork angular-masonry

textAngular :

textAngular is a super cool WYSIWYG Text Editor directive for AngularJS

Features:

  1. Automatic Seamless Two-Way-Binding
  2. Super Easy Theming Options
  3. Simple Editor Instance Creation
  4. Safely Parses Html for Custom Toolbar Icons
  5. Doesn't Use an iFrame
  6. Works with Firefox, Chrome, and IE8+

URL : textAngular - Documentation & Examples

Fork the repository : Fork textAngular

 

Angular Slick Carousel :

Angular directive for slick carousel.

Angular directive for slick carousel which is already supported by jQuery. It is the good image carousel plugin (image slider).

  • Fully responsive. Scales with its container.
  • Separate settings per breakpoint
  • Uses CSS3 when available. Fully functional when not.
  • Swipe enabled. Or disabled, if you prefer.
  • Desktop mouse dragging
  • Infinite looping.
  • Fully accessible with arrow key navigation
  • Add, remove, filter & unfilter slides
  • Autoplay, dots, arrows, callbacks, etc

URL : Angular Slick Carousel - Documentation & Examples

Fork the repository : Code on github