Best AngularJs Bootstrap Directives Plugins

AngularJS Bootstrap UI Context Menu

AngularJS Bootstrap UI Context Menu

AngularJS UI Bootstrap Module for adding context menus to elements.

Angular Schema Form

Angular Schema Form

Schema Form is a set of AngularJS directives (and a couple of services) to generate Bootstrap 3 ready forms from a JSON Schema.

Features:

  • Validates the form using a JSON Schema
  • Fine tune presentation with a form definition, change field types, change order, etc
  • Lots of basic form types out of the box.
  • Supports array with drag’n’drop or in tabs
  • Add-ons for more fanciful stuff like wysiwyg editors, datepickers, colorpickers, font-pickers etc

Easy form generator with AngularJS

Easy form generator with AngularJS

Create amazing forms without coding : form editor based on angular formly.

Material Design Color Picker for AngularJS

Material Design Color Picker for AngularJS

Material Design Color Picker directive for AngularJS.

Circular progress bar for AngularJS

Circular progress bar for AngularJS

Circular progress bar for AngularJS Bootstrap.

Angular Bootstrap Nav Tree

Angular Bootstrap Nav Tree

An AngularJS directive that creates a Tree based on a Bootstrap “nav” list. 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.

AngularJS Dropdown Multiselect

AngularJS Dropdown Multiselect

This directive gives you a Bootstrap Dropdown with the power of AngularJS directives.

  • Based on Bootstrap’s dropdown.
  • jQuery is not necessary.
  • Seperated your data and the selection data. no modification to the data made.
  • Built-in search.
  • Complete control on the selected items model to fit it to your requirements.
  • Two view options: normal list and checkboxes.
  • Pre-selected values.
  • Limit selection count.
  • Grouping items by property.
  • Callback events.

AngularJS Drag & Drop Tree Table

AngularJS Drag & Drop Tree Table

Display tree table (or list) & event DrapnDrop (allow drag multi tree-table include all type: table, ol, ul) by AngularJS, using CSS animation and Bootstrap style.

AngularJS Bootstrap UI Context Menu

AngularJS Bootstrap UI Context Menu

AngularJS UI Bootstrap Module for adding context menus to elements.

Angular Grid : Responsive Masonry Grid System

Angular Grid : Responsive Masonry Grid System

Pinterest like responsive masonry grid system for angular.

Features:

  • Complete responsive, figures out columns and width to completely fit the container based on options provided and container width.
  • Animation support on enter or leave of grid items, sorting or resizing using ngAnimate module and css animation.
  • Support any grid system (bootstrap, foundation) for number of columns, grid and gutter width.
  • Perfect handeling of image load.
  • Support left to right or right to left placement of grids.
  • Keeps a watch on list model and options to reflect the changes instantly.