Interactive Dial with Angular.js

Interactive Dial with Angular.js

An Angular.js directive for an interactive, animated dial component powered by D3.js.An visual component for gathering user input when values sit in a range between 0-100.

  • interactive
  • animated
  • shows previous value
  • 2-way data binding (will respond to changes to model and update model accordingly)

Angular Toastr : Flash Notification Messages

Angular Toastr : Flash Notification Messages

toastr is a Angular library for Gnome / Growl type non-blocking notifications.Angular-toastr is a port of CodeSeven/toastr. The goal is to provide the same API than the original one but without jQuery and using all the angular power.

Off-canvas Side Menu With AngularJS

Off-canvas Side Menu With AngularJS

Angular aside is an extension for angular-ui bootstrap to create off-canvas side menu using ui-bootstrap’s $modal provider.

Simple Multi-Range Slider with AngularJS

Simple Multi-Range Slider with AngularJS

Angular multirange is an AngularJS slider component which allows you to create a range picker with multiple floating points.

Angular DateParser

Angular DateParser

DateParser is an AngularJS based time parser used to convert date and time strings into JavaScript Date objects.

Angularjs Material Floating Buttons

Angularjs Material Floating Buttons

Material design floating menu with action buttons implemented as an Angularjs directive.Inspired by action buttons from Google Inbox, Evernote and Path.

Google Chart Tools Directive For AngularJS

Google Chart Tools Directive For AngularJS

An Angular directive module to draw interactive chats on your web application using Google Charts.

AngularJS Touch Carousel

AngularJS Touch Carousel

An AngularJS carousel implementation optimised for mobile devices.

Custom Selectbox for AngularJS

Custom Selectbox for AngularJS

This is AngularJS directive for the custom selectbox. It accepts flat list such as [1, 2, 3, 4, 5], but you can also provide array of object which has to be formatted as follows: [{id: 1, name: 'item 1'}, {id: 2, name: 'item 2'}, {id: 3, name: 'item 3'}] It’s possible to go through the list with up and down key arrows, and to select the item by hitting enter or space.

Angular Chart : Dynamic Chart for AngularJS with C3 Chart

Angular Chart : Dynamic Chart for AngularJS with C3 Chart

Angular-Chart is an AngularJS directive used to create interactive data graphs using AngularJS and C3 based chart libraries.