dna.js is a lightweight easy-to-use UI library for jQuery enabling developers to rapidly build maintainable JavaScript applications. You write semantic templates and then dna.js converts your JSON data into dynamically generated DOM elements.
Best jQuery Plugins Plugins & Tutorials with Demo
Turn Static web sites into dynamic Web Apps : hy-push-state
hy-push-state is a web component that lets you turn web pages into web apps. The component dynamically loads new content (formerly known as “ajax”) and inserts it into the current page, without causing Flash of White, Flash of Unstyled Content, etc.
hy-push-state is similar to pjax and smoothState, but offers a more advanced pre-fetching logic and gives you more control over its internals to enable advanced page transition animations.
When.datepicker : Date Range Picker Plugin
When is a small Date Range Picker plugin for your website, which runs without any frameworks. It can be used as a single date or range selection picker. Can be shown inline or used as a dropdown attached to an input. The plugin is very lightweight plugin (less than 15kb minified and gzipped).
Features:
- Fully Customizable
- Inline Support
- 100+ Languages
- Less than 15kb
- Disabling dates in a specific range
- Single Date Support
- Powerful API
- Fast month and year navigation
Bootstrap 4 Modal Responsive jQuery Plugin
Bootstrap 4 Modal Responsive jQuery Plugin is a set of different modals and popups those contains carousel, sliders, forms, adds banners, videos etc with advanced options.
Features:
- Compatible With Bootstrap 4
- Compatible With Bootstrap 3
- Multiple Columns Support
- 100% Responsive And Mobiles friendly
- Support Bootstrap Columns Grid System
- 33+ pre-built layouts and examples
- 35+ Animation Effects
- Support 9 Positions To Display
Instacam : jQuery Instant Canvas Video Plugin
Instacam is a jQuery plugin to perform instant canvas video through the WebRTC API with a fresh touch of CSS filters.The plugin is compatible with browser that natively support the HTML5 canvas tag, requestAnimationFrame API, HTMLMediaElement API, navigator.mediaDevicesand Promises API. The CSS filtering requires the CSS filter features to properly work.
jQuery Header Scroll Effect Plugin
The scroll effect header is a kind of parallax whose difference lies in the change, if parallax usually occurs because of the movement of two objects, while this is changing and moving. Obviously if the scroll header will change blur, sepia or other effects follow movement scroll.
Features
- Valid All HTML5
- Valid CSS
- Responsive
- All Filter Scroll Effect
- Bonus Effect Margin and Border Radius










