Designing and implementing the UI of an application is an important part of the development process. Writing custom CSS style for each component from scratch can deliver a high level of customization, but also requires a large amount of resources. Sometimes it is better to use the existing UI frameworks. So here are some best UI frameworks based on AngularJS that provide ready to use UI components for the web.

PrimeNG

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

vAccordion

Multi-level accordion component for AngularJS.

QuantumUI

QuantumUI is the most powerful and well designed NATIVE AngularJS and Bootstrap CSS based UI components make developer life easy. It complately MVVM structure, easy, light, fast, mobile friendly 25+ components and lots of native angular services.

Suave

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.

Progress button styles

AngularJS version of codrops progress buttons for the use with promises.

Tags

Pure AngularJS tagging widget with typeahead support courtesy of ui-bootstrap.

Select

AngularJS-native version of Select2 and Selectize.

A tree component for AngularJS

Angular UI Tree is an AngularJS UI component that can sort nested lists, provides drag & drop support and doesn’t depend on jQuery.

Calendar

A complete AngularJS directive for the Arshaw FullCalendar.

Bootstrap lightbox

When the lightbox is opened, navigating to the previous/next image can be achieved by clicking buttons above the image, clicking the left/right arrow keys, or swiping to the left/right (optional with ngTouch). The escape key for closing the modal is automatically binded by AngularUI Bootstrap.

Adapt strap

Lightweight UI Components/utilities based on AngularJs 1.2+ & Bootstrap 3.

Mobile Angular UI

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

Angular UI Tree

AngularJS UI component that can sort nested lists, provides drag & drop support and doesn’t depend on jQuery

Date Time Picker

There are a number of date time pickers which works with AngularJs and Bootstrap, but the best I found so far is Angular UI Bootstrap Date Time Picker.

Ng-Notifications-Bar

Angular.js component for stylish and flexible top bar notifications.

Sidenav

Simple component that reproduce the Angular Material Style SideNav Menu.

Nav tree

The style is completely Bootstrap because the tree is actually just a Bootstrap “nav” list, with a few changes: Indentation is added, expand/collapse icons are added, and Angular CSS animations are used during expand/collapse.

Angular busy

Show busy/loading indicators on any element during $http requests (or any promise).

Tooltips

Angular Tooltips is an AngularJS directive that generates a tooltip on your element.

Formly

angular-formly is an AngularJS module which has a directive to help customize and render JavaScript/JSON configured forms. The formly-form directive and the formlyConfig service are very powerful and bring unmatched maintainability to your application’s forms.

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.

Sortable

The JavaScript library for modern browsers and touch devices. No jQuery.

Material Icons

AngularJS directive to use Material Design icons with custom fill-color and size.

Timer

Directives in AngularJS is a powerful way of building reusable UI components. This simple project will serve as a sample/reference implementation demonstrating its flexibilities by making it inter-operable across runtime (AngularJS, plain simple JavaScript & jQuery)

Chart

angular directives for creating common charts using d3.