148 best open source directive projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 148 results

angular-nvd3 - AngularJS directive for NVD3 reusable charting library (based on D3)

Javascript

This thing is designed to make it easier to work with nvd3.js re-usable charting library. This directive allows you to easily customize your charts via JSON API.The key feature is that the original hierarchical structure of nvd3 models is completely preserved in directive JSON structure. This means that while you creating a complex chart that containing multiple elementary chart models (such as line, bar, axis, ...), you can in turn customize the properties of each internal elementary models as well as the global charting properties the way you want. This can be done as usual, but it becomes quite easily to customize while applying JSON approach to.

angular nvd3 d3 directive visualization charts svg angularjs angular-component

angularjs-google-maps - The Simplest AngularJS Google Maps V3 Directive

Javascript

Everything in tag and attributes. Thus, basic users don't even have to know what Javascript is. Expose all original Google Maps V3 api to the user. No hiding, no wraping, or whatsoever. By doing so, programmers don't need to learn how to use this module. You only need to know Google Maps V3 API.

angular markers maps google-maps directive

bindonce - Zero watches binding for AngularJs

Javascript

Here is an example of how AngularJs can freeze your UI, try to press and hold a key inside the input field, when the table is filled with only 1 person everything is ok, you can see how the DOM is updated by the input in real time, however if you try to load 1000 person (or even 500 if the testing device is not powerfull) and repeat the experiment you can see how the UI is frozen. In this other demo BindOnce will take care of your watchers and the UI will be reactive as it should be. The code is the same for both demos, the only difference is that I replaced any ng-* tag inside the table with the equivalent bo-* tag. AngularJs provides a great data binding system but if you abuse of it the page can run into some performance issues, it's known that more of 2000 watchers can lag the UI and that amount can be reached easily if you don't pay attention to the data-binding. Sometime you really need to bind your data using watchers, especially for SPA because the data are updated in real time, but often you can avoid it with some efforts, most of the data presented in your page, once rendered, are immutable so you shouldn't keep watching them for changes.

angularjs angular directive binding watcher bindonce

angular-markdown-directive - AngularJS markdown directive using Showdown.js

Javascript

Bower Component for a simple AngularJS Markdown directive using Showdown. Based on this excellent tutorial by @johnlinquist.

angular angularjs markdown directive angular-component

vue-scrollto - Adds a directive that listens for click events and scrolls to elements.

Javascript

For vue 1.x use vue-scrollTo@1.0.1 (note the capital T) but keep in mind that the old version depends on jquery. vue-scrollto uses window.requestAnimationFrame to perform the animations, thus giving the best performance.

vue vuejs directive vue-plugin easings request-animation-frame scroll scrollto scroll-to

angularjs-pdf - :page_facing_up: An AngularJS directive <ng-pdf> to display PDF files with PDFJS

Javascript

An AngularJS directive ng-pdf to display PDF files with PDFJS. Integrate PDF files right into web pages.

angular directive pdf

ng-material-floating-button - Material design floating menu with action buttons implemented as an Angularjs directive

Javascript

Material design floating action button implemented as an Angularjs directive. Shamelessly inspired by action buttons from Google Inbox, Evernote and Path. Made to be fast and easy to customise. It works out of the box with no other dependency apart from Angular, but plays nicely with the Angular Material bundle, for which it has dedicated templates.

angular directive material design floating button google inbox

angular-datepicker - Angularjs datepicker module, generate a datepicker on your input element - https://720kb

HTML

Angular datepicker is an angularjs directive that generates a datepicker calendar on your input element. The Angularjs Datepicker is developed by 720kb.

angular angularjs datepicker directive angular-directives date input

ui-date - jQuery UI Datepicker for AngularJS

Javascript

This directive allows you to add a date-picker to your form elements.We recommend using the excellent ui-bootstrap date-picker which is maintained by a larger team.

angularjs directive datepicker

json-formatter - Angular directive for collapsible JSON in HTML

Javascript

JSON Formatter is an AngularJS directive for rendering JSON objects in HTML with a collapsible navigation. You can use JSONFormatterConfig provider to configure JOSN Formatter.

angularjs angular directive

ngx-quill - quill editor with angular and TS

TypeScript

An angular (>= v2) component for the easy use of the QuillJS richt text editor.

quill-editor ngx-quill quill quilljs rich-text-editor rich-text angular angular2 angular-2 angular-x wysiwyg angular4 ng2 ng editor directive component text-editor

angular-tooltips - Angularjs tooltips module, add tooltips to your elements - https://720kb

HTML

Angular Tooltips is an AngularJS directive that generates a tooltip on your element. The angular tooltips is developed by 720kb.

angular tooltips angularjs angular-directives directive tiptip tooltip popover

angular-credit-cards - Angular directives for parsing and validating credit card inputs

Javascript

If you'd like to use the creditcards API directly, you can inject the service as creditcards. With the exception of ccExp, all directives require ngModel on their elements. While designed to be used together, all directives except ccExp can be used completely independently.

angular credit card payments validation directive form

ng2-nvd3 - Angular2 component for nvd3

TypeScript

Angular component for nvd3 (uses d3 v3!). It has similar technique as angular-nvd3 for angular 1, but designed for angular 2+ and without extra features (like extended mode) you won't need.it requires angular2+, d3 (v3.5.17) and nvd3 as dependencies.

angular2 ng2 nvd3 d3 component directive

ui-leaflet - AngularJS directive to embed an interact with maps managed by Leaflet library

Javascript

While we are grateful for all the original work at tombatossals/angular-leaflet-directive. We need to be able to operate as an organization to respond to issues, pull-requests and other various items quicker. We need to be able to add other developers as admins easier via group permissions via github orgs. Lastly this project needs to be more credible via being a group / org.Please note the master branch is currently in a "in-progress state" and is not suitable for use at this point. We are trying break up the library to be more unix / plugin like. This will reduce the burden of constant changes to the core repo (this repo) for each and every unforseeable plugin that leaflet has. Therefore, the new usage plugins will require developers (angular-ui or not) to create specific angular directives, services, factories, and etc to extend the main ui-leaflet directive. Where ui-leaflet would be the main dependency.

leaflet-map maps angular ui-leaflet leaflet-directive gis leaflet angularjs directive angular-ui cli