Directives are one of the most powerful features of AngularJS. They allow you to create highly semantic and reusable components and manipulate pretty much everything in the DOM that you would want to. So in this post we`ve gathered some useful AngularJS directives which allow you to extend the HTML & add additional functionality to your web app.

CRUD Table

Helpful AngularJS application with a directive to interact easily with the most common tasks of database with just a single line of code utilizing the power of AngularJs Directives, Filters, Factory, Resources.

File upload

Lightweight Angular directive to upload files with optional FileAPI shim for cross browser support.

Bootstrap

This repository contains a set of native AngularJS directives based on Bootstraps markup and CSS. As a result no dependency on jQuery or Bootstraps JavaScript is required.

Autosize

Angular 2 directive that automatically adjusts textarea height to fit content. It adjusts the textarea height automatically to any text input, or changes to the model bound to the textarea.

Tour

AngularJS directive for giving an interactive tour of your website.

Drag & drop list

Angular directives that allow you to build sortable lists with the native HTML5 drag & drop API. The directives can also be nested to bring drag & drop to your WYSIWYG editor, your tree, or whatever fancy structure you are building.

jAngular Toolkit

jAngular toolkit that mainly focus on areas that normally takes hours or days to complete. Such areas including complex forms e.g real estate, classified, invoive etc that involve form building, form validations and integration of uploads for media attachments. Via jAngular kit you can easily create challenging forms, complex validations, real time uploader attachment with applications and more on the fly

Angular Cropper

A simple Angular directive that allows you to turn any image tag into an editable image, it creates a cropping interface for you to select the area to crop, it works with responsive images and with touch devices, compatible with modern browsers.

Slider

Slider directive implementation for AngularJS, without any dependencies.

Autocomplete

Simple to use autocomplete directive in a module for AngularJS! Supports arrow keys to traverse suggestions as well as mouse input. You can load the suggestions from a remote REST API, it also supports promises.

Sticky

A simple, pure javascript AngularJS directive to make elements stick when scrolling down.

Lazy Image

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

Paging

An Angular directive to aid paging large datasets requiring minimum paging information. This paging directive is unique in that we are only interested in the active page of items rather than holding the entire list of items in memory. This forces any filtering or sorting to be performed outside the directive.