100+ Useful Angular JS Tools for Developers
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…
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.
Framework for Bootstrap, AngularJS, SQLite, Electron.
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.
UI Grid is an Angular Data Grid.
Angular admin panel front-end framework.
Helping you select an MV* framework, Todo apps for Backbone.js, Ember.js, AngularJS, and many more.
A scalable AngularJS framework.
The companion suite(s) to the AngularJS framework.
Build Realtime Web and Mobile Apps With Angular and Meteor.
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.
NgForce is a set of Angular.js modules that facilitate quick and sustainable Angular.js application development on the Force.com Platform.
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.
Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components.
AngularStrap is a set of native directives that enables seamless integration of Bootstrap 3.0+ into your AngularJS 1.2+ app.
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.
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.
Introducing the first UI framework that’s designed solely for building awesome hybrid mobile apps.
MEAN is a framework for an easy starting point with MongoDB, Node.js, Express, and AngularJS based applications.
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.
Videogular is a video application framework for desktop and mobile powered by AngularJS.
Semantic is a UI component framework based around useful principles from natural language.
The most powerful NATIVE AngularJS and Bootstrap CSS based UI components make developer life easy.
PrimeNG is a collection of rich UI components for AngularJS2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.
Angular UI-Router is a client-side Single Page Application routing framework for AngularJS.
AngularJS IDE & Editors
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.
On-demand developer workspaces to improve agile workflow and automate developer bootstrapping.
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.
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.
Sublime Text is a sophisticated text editor for code, markup and prose.
Collection of Awesome CSS and JS Creations to help out frontend developers and designers.
Plunker is an online community for creating, collaborating on and sharing your web development ideas.
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.
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!
AngularJS Testing Tools
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.
AngularJS WebInspector Extension for Chrome.
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.
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.
AngularJS plugin for Brackets (booya).
The primary focus of ngmodules.org is to provide the ability to share and discover Angular.js modules.
angular-translate is an AngularJS module that makes your life much easier when it comes to i18n and l10n including lazy loading and pluralization.
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.
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.
Angular module that triggers actions on scrolling to a point.
With ProgressBar.js, it’s easy to create responsive and stylish progress bars for the web.
Simple table with sorting and filtering on AngularJS.
Angular Loading Bar
A fully automatic loading / progress bar for your angular apps.
Angular.js wrapper for dangrossman/bootstrap-daterangepicker.
Scrollspy, animated scrollTo and scroll events for angular.js
The mobile-friendly, responsive, and lightweight Angular.js date & time input picker.
Lightweight & performant parallax scrolling for angular.js.
Google Chart Tools
Google Chart Tools AngularJS Directive Module.
Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required.
Angular Google Maps
Angular Morris Chart
A module with directives to easy use of morris with angular.
Angular directive to easy create dynamic tables from source or URL with sorting, filtering and pagination. Smart templates and good perfomance.
Super-simple translation support for Angular.JS
Angular PDF Viewer
An AngularJS directive to display PDFs.
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.
Angular Leaflet Directive
AngularJS directive to embed an interact with maps managed by Leaflet library.
An AngularJS filter/directive for embedding emojis, media, maps, tweets, code and services.
Tags input directive for AngularJS.
A simple but powerful AngularJS directive that allows you to quickly create autocomplete boxes that pull data either from a server or local variable.
Angular Lazy Image directive
Angular directive for loading responsive image when container (which is preventing reflow) is in viewport.
AngularJS directive and filters for Moment.JS.
Angular.js directives for d3.js and nvd3.js.
Angular directive to show an animated spinner (using spin.js)
An angularjs directive that wraps intro.js functionality.
AngularJS App & Libraries
Yeoman generator for AngularJS.
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.
AngularJS UI Select
A native AngularJS implementation of Select2/Selectize by the AngularUI Team.
Seed project for angular apps.
AngularJS pressable button with a busy indicator.
Simple, flexible and beautiful modal dialogs in AngularJS.
Atomic growl notifications for angular.js applications.
Reactive, responsive, beautiful charts for AngularJS based on Chart.js
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.
Angular Tree Control
Pure AngularJS based tree control component.
An implementation of gridster-like widgets for Angular JS.
Angular Express Seed
A great starting point for writing AngularJS apps backed by an Express-powered node.js server.
Simple Chat app using Socket.IO, MongoDB, Express, Angular, and NodeJS.
Simple AngularJS Boilerplate to kick start your new project with SASS support and Gulp watch/build tasks.
Create free and unlimited one off invoices using this little Invoicing app made with Angular JS.
A wrapper around snap.js for AngularJS plus some handy angular-specific styles to make everything work out of the box.
Small, feature filled library used to easily add spinners or general promise/request tracking to your angular app.
More powerful than ngApp.
Angular UI-Router is a client-side Single Page Application routing framework for AngularJS.
Angular Wizard is a component that will make it easy for you to create wizards in your app.