This article was published 9 years ago, therefore the contents of this post may be out of date.

AngularJS is one of the most popular and open-source web application framework maintained by Google, as it simplifies creating dynamic views in web-applications while staying readable. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearer

Today for this roundup you will see that I’ve have compiled a list of Best AngularJS Tools & Frameworks that will ease your development tasks and help you to develop creative web apps. We have gathered web apps, tools, debugging tools modules, frameworks for building with Angular.js.

1. Angular UI


AngularUI is a collection of UI components built with AngularJS. Its utility directives help you build Angular applications faster. Instead of widgets, AngularUI uses raw directives like ui-router, ui-map, ui-calendar etc.

2. ngInspector


ngInspector is a browser extension for Chrome and Safari that adds an inspector pane to help you develop, debug and understand your AngularJS applications. ng-inspector identifies and displays along with each scope the Controllers and Directives that triggered its creation.

3. Yeoman generator for AngularJS


Yeoman generator for AngularJS – lets you quickly set up a project with sensible defaults and best practices. Sets up a new AngularJS app, generating all the boilerplate you need to get started. The app generator also optionally installs Bootstrap and additional AngularJS modules, such as angular-resource (installed by default).

4. 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.

5. Angular Kickstart


Angular Kickstart makes it faster to develop with AngularJS. It combines AngularJS, GulpJS, and Bower, while also keeping your code reusable and with a modular structure.

6. Protractor


Protractor is an end-to-end test framework for AngularJS applications. Protractor is a Node.js program built on top of WebDriverJS. Protractor runs tests against your application running in a real browser, interacting with it as a user would. You no longer need to add waits and sleeps to your test. Protractor can automatically execute the next step in your test the moment the webpage finishes pending tasks, so you don’t have to worry about waiting for your test and webpage to sync.

7. Karma


Karma is a simple tool that allows you to execute JavaScript code in multiple real browsers. The main goal for Karma is to bring a productive testing environment to developers. It lets you test your code on real browsers and real devices such as phones, tablets or on a headless PhantomJS instance, control the whole workflow from the command line or your IDE – just save a file and Karma will run all the tests and easy debugging directly from your IDE via WebStorm or Google Chrome.

8. NGTable


ngTables allow to liven your tables. It support sorting, filtering and pagination. Header row with titles and filters automatic generated on compilation step.

9. AngularFire


AngularFire is an easy way to create a backend for your Angular application. It has a flexible API (with implicit or explicit sync, depending on whether you want easy to use or powerful), 3-way data binding, and rapid development capabilities.

10. Supersonic


Supersonic UI is an Ionic fork that changes the way you think about hybrid app performance. Supersonic’s declarative UI style makes building complex mobile apps a breeze. In the background, the seamless interplay of native UI and HTML5 bakes an end-result that is 100% indistinguishable from any native app.

11. AngularUI Bootstrap


AngularUI Bootstrap, as name says, is built on top one of the most popular front-end frameworks, Bootstrap. The goal is to provide native AngularJS directives without any dependency on jQuery or Bootstrap’s JavaScript. It is often better to rewrite an existing JavaScript code and create a new, pure AngularJS directive. Most of the time the resulting directive is smaller as compared to the original JavaScript code size and better integrated into the AngularJS ecosystem.

12. Mobile Angular UI


Mobile Angular UI is a mobile UI framework just like Sencha Touch or jQuery Mobile. Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don’t bounce on scroll.It relies on robust libraries like fastclick.js and overthrow.js to achieve the better mobile experience. Mobile Angular UI retains most of the Bootstrap 3 syntax.

This way it’s trivial to bring an existing desktop web app to mobile. Also a super-small css file is provided to do the opposite. Just include it and you’ll get a fully responsive and touch enabled interface that can be used everywhere.

13. Angular UI Grid


UI Grid is designed to execute complex features only when needed, thus keeping the core small. With UI Grid you can bind cells to complex properties/functions, run column sorting and filtering, edit data in place and more.

14. Radian

Radian Radian is a scalable AngularJS framework, perfect for multi developer projects, Radian is the perfect set up for projects that need to scale fast. The AMD structure allows single developers to large teams to quickly and efficiently write and deploy great apps. Radian comes with everything out the box, that means there’s all the minification and concatination tasks as well as a local server and even a PhantomJS web crawler to deal with SEO woes.

15. Ionic


Ionic is a powerful HTML5 native app development framework that helps you build native-feeling mobile apps all with web technologies like HTML, CSS, and Javascript. Ionic is focused mainly on the look and feel, and UI interaction of your app. Ionic is free and open source, built with Sass and optimized for AngularJS.

It is modeled off of popular native mobile development SDKs, making it easy to understand for anyone that has built a native app for iOS or Android. Just drop it in your code to get going, and push through PhoneGap when it’s ready. Develop once, deploy everywhere.



15 Best AngularJS Tools & Frameworks