100+ Useful Angular JS Tools for Developers

Javascript

AngularJS is a javascript framework for creating single page web applications. AngularJS allow us to create dynamic, functional and faster single page applications very easily. which means Regardless of the size of the application your browser is going to load a single page, additional content will be loaded to the application as they needed. angular was developed with three key concepts in mind. Make is modular, make it testable, make is maintainable.

Why should we use AngularJS? well, there are pretty good reasons to use them in your projects. AngularJS offers you an excellent template engine which allows you to write HTML templates with special tags and angular will replace those with data. another great feature of AngularJS is the way that works with HTML DOM, it works exceptionally well with DOM. Another advantage is its ability to data manipulations.

If you are an AngularJS developer you might be looking for best tools to improve work flow. here in this post, we have a complete list of best AngularJS tools. This list includes AngularJS Frameworks, IDE & Editors, Testing Tools, Extensions and much more…

AngularJS Frameworks

Commangular

Commangular

Command framework for AngularJS, Commangular is an abstraction on top of AngularJS that aims at simplifying the creation and organization of operations in a self-contained code units and chain them together with an easy and fluent API.

Source

Basel

Basel

Framework for Bootstrap, AngularJS, SQLite, Electron.

Source

Mobile Angular UI

Mobile Angular UI

Mobile Angular UI is an HTML5 mobile UI framework that will let you use Angular Js and Bootstrap 3 for mobile app development.

Source

UI Grid

UI Grid

UI Grid is an Angular Data Grid.

Source

BlurAdmin

BlurAdmin

Angular admin panel front-end framework.

Source

TodoMVC

TodoMVC

Helping you select an MV* framework, Todo apps for Backbone.js, Ember.js, AngularJS, and many more.

Source

Angular Foundation

Angular Foundation

This project is a port of the AngularUI team’s excellent angular-bootstrap project for use in the Foundation framework.

Source

Radian

Radian

A scalable AngularJS framework.

Source

AngularUI

AngularUI

The companion suite(s) to the AngularJS framework.

Source

Angular Meteor

Angular Meteor

Build Realtime Web and Mobile Apps With Angular and Meteor.

Source

NativeScript

NativeScript

NativeScript is a framework for building native iOS and Android apps using JavaScript and CSS.

Source

Angular Material

Angular Material

Angular Material is both a UI Component framework and a reference implementation of Google’s Material Design Specification. This project provides a set of reusable, well-tested, and accessible UI components based on Material Design.

Source

Ngforce

Ngforce

NgForce is a set of Angular.js modules that facilitate quick and sustainable Angular.js application development on the Force.com Platform.

Source

Ionic

Ionic

Advanced HTML5 mobile development framework and SDK. Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components and tools for building highly interactive native and progressive web apps. Built with Sass, optimized for AngularJS.

Source

Onsen UI

Onsen UI

Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components.

Source

AngularStrap

AngularStrap

AngularStrap is a set of native directives that enables seamless integration of Bootstrap 3.0+ into your AngularJS 1.2+ app.

Source

Foundation for Apps

Foundation for Apps

The first front-end framework created for developing fully responsive web apps. Foundation for Apps is designed to help you quickly prototype and build responsive web applications by using leading technologies like Flexbox and Angular.

Source

Lumx

Lumx

The first responsive front-end framework based on AngularJS & Google Material Design specifications. lumX will help you to design your applications faster and easier. We followed Google Material Design recommendations to bring the best experience to your users.

Source

Supersonic

Supersonic

Introducing the first UI framework that’s designed solely for building awesome hybrid mobile apps.

Source

MEAN.IO

MEAN.IO

MEAN is a framework for an easy starting point with MongoDB, Node.js, Express, and AngularJS based applications.

Source

Suave UI

Suave UI

Suave UI is designed for web-applications based on AngularJS. It consists of CSS definitions, directives and services that helps build UI quick and efficiently.

Source

Videogular

Videogular

Videogular is a video application framework for desktop and mobile powered by AngularJS.

Source

Semantic UI

Semantic UI

Semantic is a UI component framework based around useful principles from natural language.

Source

QuantumUI

QuantumUI

The most powerful NATIVE AngularJS and Bootstrap CSS based UI components make developer life easy.

Source

PrimeNG

PrimeNG

PrimeNG is a collection of rich UI components for AngularJS2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.

Source

AngularUI Router

AngularUI Router

Angular UI-Router is a client-side Single Page Application routing framework for AngularJS.

Source

AngularJS IDE & Editors

WebStorm

WebStorm

WebStorm is a lightweight yet powerful JavaScript IDE, perfectly equipped for client-side development and server-side development with Node.js.

Source

Aptana

Aptana

Build web applications quickly and easily using the industry’s leading web application IDE. Aptana Studio harnesses the flexibility of Eclipse and focuses it into a powerful web development engine.

Source

Codenvy

Codenvy

On-demand developer workspaces to improve agile workflow and automate developer bootstrapping.

Source

Cloud9

Cloud9

Cloud9 IDE is an online integrated development environment, published as open source from version 3.0. It supports hundreds of programming languages, including PHP, Ruby, Perl, Python, JavaScript with Node.js, and Go.

Source

Appery.io

Appery.io

Appery.io is a completely cloud-based mobile app platform with a visual app editor, backend services, cross-platform device support, and many deployment options.

Source

Codeanywhere

Codeanywhere

Codeanywhere is a cross-platform cloud IDE. Codeanywhere enables users to instantly write, edit, collaborate and run web development projects from a web browser and any mobile device.

Source

Sublime Text

Sublime Text

Sublime Text is a sophisticated text editor for code, markup and prose.

Source

CodePen

CodePen

CodePen is a HTML, CSS, and JavaScript editor in the browser.

Source

JSFiddle

JSFiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

Source

CSSDeck

CSSDeck

Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

Source

JS Bin

JS Bin

A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more.

Source

Plunker

Plunker

Plunker is an online community for creating, collaborating on and sharing your web development ideas.

Source

Liveweave

Liveweave

Liveweave is a HTML5, CSS3 & JavaScript playground for web designers and developers.

Source

Atom

Atom

Atom is a text editor that’s modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.

Source

textAngular

textAngular

A radically powerful Text-Editor/Wysiwyg editor for Angular.js! Create multiple editor instances, two-way-bind HTML content, watch editors for changes and more!

Source

AngularJS Testing Tools

Karma

Karma

Spectacular Test Runner for Javascript. A simple tool that allows you to execute JavaScript code in multiple real browsers.

Source

Jasmine

Jasmine

Jasmine is a Behavior Driven Development testing framework for JavaScript. It does not rely on browsers, DOM, or any JavaScript framework.

Source

Mocha

Mocha

Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun.

Source

Protractor

Protractor

Protractor is an end-to-end test framework for AngularJS applications. Protractor runs tests against your application running in a real browser, interacting with it as a user would.

Source

Chai

Chai

Chai is a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.

Source

Sinon JS

Sinon JS

Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework.

Source

Preamble

Preamble

Preamble is a powerful JavaScript BDD testing framework backed by a powerful assertion engine that your suites interface with through a simple to use but powerful API. Preamble makes the task of authoring tests easy, intuitive and even fun.

Source

QUnit

QUnit

QUnit is a powerful, easy-to-use JavaScript unit testing framework.

Source

Grunt

Grunt

The JavaScript Task Runner.

Source

AngularJS Extensions

AngularJS Batarang

AngularJS Batarang

AngularJS WebInspector Extension for Chrome.

Source

ng-inspector

ng-inspector

ng-inspector is a browser extension for Chrome, Safari and Firefox that adds an inspector pane to help you develop, debug and understand your AngularJS applications.

Source

ngCordova

ngCordova

ngCordova is a collection of 70+ AngularJS extensions on top of the Cordova API that make it easy to build, test, and deploy Cordova mobile apps with AngularJS.

Source

AngularJS Brackets

AngularJS Brackets

AngularJS plugin for Brackets (booya).

Source

AngularJS Modules

ngModules

ngModules

The primary focus of ngmodules.org is to provide the ability to share and discover Angular.js modules.

Source

Angular Translate

Angular Translate

angular-translate is an AngularJS module that makes your life much easier when it comes to i18n and l10n including lazy loading and pluralization.

Source

Angular File Upload

Angular File Upload

Angular File Upload is a module for the AngularJS framework. Supports drag-n-drop upload, upload progress, validation filters and a file upload queue.

Source

Angular-auto-validate

Angular-auto-validate

An automatic validation module for AngularJS which gets rid of excess html in favour of dynamic element modification to notify the user of validation errors.

Source

scroll-trigger

scroll-trigger

Angular module that triggers actions on scrolling to a point.

Source

angular-progressbar

angular-progressbar

With ProgressBar.js, it’s easy to create responsive and stylish progress bars for the web.

Source

Angular-Slideshow

Angular-Slideshow

angular-slideshow is an angular-js module to create simple slideshows.

Source

ngTable

ngTable

Simple table with sorting and filtering on AngularJS.

Source

Angular Loading Bar

Angular Loading Bar

A fully automatic loading / progress bar for your angular apps.

Source

Angular Daterangepicker

Angular Daterangepicker

Angular.js wrapper for dangrossman/bootstrap-daterangepicker.

Source

Angular Scroll

Angular Scroll

Scrollspy, animated scrollTo and scroll events for angular.js

Source

Angular Datepicker

Angular Datepicker

The mobile-friendly, responsive, and lightweight Angular.js date & time input picker.

Source

Angular Parallax

Angular Parallax

Lightweight & performant parallax scrolling for angular.js.

Source

AngularJS Directives

Google Chart Tools

Google Chart Tools

Google Chart Tools AngularJS Directive Module.

Source

AngularUI Bootstrap

AngularUI Bootstrap

Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required.

Source

Angular Google Maps

Angular Google Maps

Angular Google Maps is a set of directives (part of angular-ui) written in CoffeeScript and Javascript which integrate Google Maps in an AngularJS applications.

Source

Angular Morris Chart

Angular Morris Chart

A module with directives to easy use of morris with angular.

Source

Angular Object-table

Angular Object-table

Angular directive to easy create dynamic tables from source or URL with sorting, filtering and pagination. Smart templates and good perfomance.

Source

angular-gettext

angular-gettext

Super-simple translation support for Angular.JS

Source

Angular PDF Viewer

Angular PDF Viewer

An AngularJS directive to display PDFs.

Source

ElasticUI

ElasticUI

ElasticUI is a set of AngularJS directives enabling developers to rapidly build a frontend on top of Elasticsearch. It builds upon the elastic.js implementation of the Elasticsearch DSL.

Source

Angular Leaflet Directive

Angular Leaflet Directive

AngularJS directive to embed an interact with maps managed by Leaflet library.

Source

ngEmbed

ngEmbed

An AngularJS filter/directive for embedding emojis, media, maps, tweets, code and services.

Source

ngTagsInput

ngTagsInput

Tags input directive for AngularJS.

.

Source

angucomplete

angucomplete

A simple but powerful AngularJS directive that allows you to quickly create autocomplete boxes that pull data either from a server or local variable.

Source

Ng-sweet-alert

Ng-sweet-alert

Sweet alert directive for angular js, without writing single javascript code.

Source

Angular Lazy Image directive

Angular Lazy Image directive

Angular directive for loading responsive image when container (which is preventing reflow) is in viewport.

Source

angular-moment

angular-moment

AngularJS directive and filters for Moment.JS.

Source

angularjs-nvd3-directives

angularjs-nvd3-directives

Angular.js directives for d3.js and nvd3.js.

Source

angular-spinner

angular-spinner

Angular directive to show an animated spinner (using spin.js)

Source

Angular Intro.js

Angular Intro.js

An angularjs directive that wraps intro.js functionality.

Source

AngularJS App & Libraries

Heatmap.js

Heatmap.js

JavaScript Library for HTML5 canvas based heatmaps.

Source

AngularJS Generator

AngularJS Generator

Yeoman generator for AngularJS.

Source

Restangular

Restangular

Restangular is an AngularJS service that simplifies common GET, POST, DELETE, and UPDATE requests with a minimum of client code. It’s a perfect fit for any WebApp that consumes data from a RESTful API.

Source

AngularJS UI Select

AngularJS UI Select

A native AngularJS implementation of Select2/Selectize by the AngularUI Team.

Source

Angular Seed

Angular Seed

Seed project for angular apps.

Source

vButton

vButton

AngularJS pressable button with a busy indicator.

Source

vModal

vModal

Simple, flexible and beautiful modal dialogs in AngularJS.

Source

angular-atomic-notify

angular-atomic-notify

Atomic growl notifications for angular.js applications.

Source

Angular Chart

Angular Chart

Reactive, responsive, beautiful charts for AngularJS based on Chart.js

Source

AngularJS-Toaster

AngularJS-Toaster

AngularJS Toaster is an AngularJS port of the toastr non-blocking notification jQuery library. It requires AngularJS v1.2.6 or higher and angular-animate for the CSS3 transformations.

Source

Angular Tree Control

Angular Tree Control

Pure AngularJS based tree control component.

Source

Angular-gridster

Angular-gridster

An implementation of gridster-like widgets for Angular JS.

Source

Angular Express Seed

Angular Express Seed

A great starting point for writing AngularJS apps backed by an Express-powered node.js server.

Source

MEAN Chat

MEAN Chat

Simple Chat app using Socket.IO, MongoDB, Express, Angular, and NodeJS.

Source

AngularJS Boilerplate

AngularJS Boilerplate

Simple AngularJS Boilerplate to kick start your new project with SASS support and Gulp watch/build tasks.

Source

Angular Invoicing

Angular Invoicing

Create free and unlimited one off invoices using this little Invoicing app made with Angular JS.

Source

Angular Snap.js

Angular Snap.js

A wrapper around snap.js for AngularJS plus some handy angular-specific styles to make everything work out of the box.

Source

Angular Formly

Angular Formly

JavaScript Powered Forms for AngularJS.

Source

angular-promise-tracker

angular-promise-tracker

Small, feature filled library used to easily add spinners or general promise/request tracking to your angular app.

Source

ag-Grid

ag-Grid

ag-Grid is a JavaScript Data Grid for Building Enterprise Web Applications.

Source

ngModule

ngModule

More powerful than ngApp.

Source

Angular UI-Router

Angular UI-Router

Angular UI-Router is a client-side Single Page Application routing framework for AngularJS.

Source

Angular Wizard

Angular Wizard

Angular Wizard is a component that will make it easy for you to create wizards in your app.

Source

I am Prasad G (Prechu). I analyse, Optimise websites to improve their search results, a regular blogger of cssauthor.com

Leave a Reply

Your email address will not be published. Required fields are marked *