by jQuery

25 New jQuery Plugins for Designers & Developers

Today’s we are put to gathered a new jQuery Plugins which are very helpful for designers and developers. jQuery is a very useful coding language, which works like JavaScript. This light weight JavaScript library is very easy to use and has features which helps you work in a better, quick and more efficient way. jQuery plugins are constantly being released, and it’s no surprise since it’s insanely popular, and for good reason. The only problem is being able to sort through them all to find the good ones. That’s why we’re always on the lookout, and we will found some good ones for you.

jQuery plugins are always useful for designers and developers but some time we spend couple of hours to find the correct one. So here we are gathered some new and useful jQuery plugins which can help to design and develop your project more faster.

New jQuery Plugins for Designers and Developers

You might be interested to read:


New & Useful jQuery Plugins


In this list you can find image galleries, responsive images, slideshow plugins, jQuery file upload, user interface, jquery scrolling, ajax datagrids plugins, jquery notification, user interface elements, web contact forms, modal windows, tooltips, font size, and many other useful jQuery plugins.

jQuery Fullscreen Editor: Transforms Textfields into Customizable Editor

jQuery Fullscreen Editor plugin transforms textfields to customizable editors, either it can be used within a form or standalone.

jQuery Fullscreen Editor: Transforms Textfields into Customizable Editor

Demo Download

Selectize.js: Change Textbox and Select box Mode into Hybrid

Selectize is the hybrid of a textbox and <select> box. It’s jQuery-based and it’s useful for tagging, contact lists, country selectors, and so on.

Selectize.js: Change Textbox and Select box Mode into Hybrid

Demo Download

Parallax.js: Create Parallax Effects for Mobile/Tablets

Parallax.js is a lightweight solution for creating parallax effects. It comes with multiple options for customizing the effect where they can be set inline using “data attributes” or in JavaScript. The library can work standalone or as a jQuery and Zepto plugin (2 versions exist).

Parallax.js: Create Parallax Effects for Mobile/Tablets

Demo Download

jInvertScroll: Horizontal Parallax Scrolling Plugin

jInvertScroll is a jQuery plugin that manipulates the default scrolling behavior and forces a horizontal scroll. The plugin is lightweight (<1kb) and works with almost no setup. Adding a specific class to wrapper elements and calling a JS function i senough.

jInvertScroll: Horizontal Parallax Scrolling Plugin

Demo Download

Loadie.js: Lightweight jQuery plugin to Create Preloader

Loadie.js is a lightweight jQuery plugin to create a preloader that doesn’t suck and that is used by big firms.

Loadie.js: Lightweight jQuery plugin to Create Preloader

Demo Download

AnimatedScroll: jQuery Plugin for Animating Scroll

AnimateScroll is a beautiful jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to.

jQuery Plugin for Animating Scroll

Demo Download

Echo.js: Simple JavaScript Image Lazy Loading

Echo.js is a simple image lazy loading library, it’s less than 1KB minified. Lazy-loading works by only loading the assets needed when the elements ‘would’ be in view, which it’ll get from the server for you upon request, which is automated by simply changing the image src attribute.

Echo.js: Simple JavaScript Image Lazy Loading

Demo Download

Multi-Level Push Menu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.

Multi-Level Push Menu

Demo Download

jQuery Flat Shadow: Create Long Shadows Flat UI

Long shadow effects are widely used to create a depth for any element in flat design. jQuery Flat Shadow is a plugin which can add this fading shadow to everything targeted.

jQuery Flat Shadow - Create Long Shadows Flat UI

Demo Download

tidyTime.js: Display More Friendly Time with jQuery

tidyTime.js takes any regular time and changes it into more human friendly dialogue such as “It’s just gone noon. It’s quarter past 8 in the evening, it’s nearly half past 4 in the afternoon, it’s just gone 25 to 6” and more. By adding additional text before and after the time you are able to create powerful friendly interaction with users.

tidyTime.js: Display More Friendly Time with jQuery

Demo Download

Taggd: jQuery Plugin to Tag Images

Taggd is a jQuery plugin that help you create tags on images with, or without a popup!

Taggd: jQuery Plugin to Tag Images

Demo Download

UIKIT: Lightwight Front-end Framework

UIkit is a front-end framework, built by YOOtheme, for creating cross-browser and responsive layouts faster.
It is lightweight, has a modular structure and uses LESS for styles + jQuery for the JavaScript.

UIKIT: Lightwight Front-end Framework

Demo Download

slimMenu: Multi-Level Responsive Menu

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. It converts an unordered list with any depth into a menu with sub-menus and, for smaller screens, the menu becomes a drill-down navigation. It is touch-friendly and has several options for customization like the animation or its speed.

slimMenu: Multi-Level Responsive Menu

Demo Download

Tabulous.js: Create Tabs with Effects

Tabulous.js is a lightweight jQuery plugin that simplifies creating them with a plain HTML structure. The tabs created can be styled with CSS and multiple switching effects exist (slide, scale, scale up and flip).

Tabulous.js: Create Tabs with Effects

Demo Download

Owl Carousel: Touch-Enabled and Responsive Carousels jQuery Plugin

Owl Carousel is a jQuery plugin that allows us to create responsive carousel sliders so quickly. The plugin is touch-friendly and capable of featuring any HTML content with almost any markup.

Owl Carousel: Touch-Enabled and Responsive Carousels jQuery Plugin

Demo Download

Summernote: WYSIWYG Editor on Bootstrap

Summernote is a super simple WYSIWYG editor on Bootstrap. It’s open source and easy to install. Lightweight (Summernote: 30Kb), Smart User Interaction, Customize by Initializing options, Safari, Chrome, Firefox, Opera ,Internet Explorer 9+ (IE8 support coming soon)

Summernote: WYSIWYG Editor on Bootstrap

Demo Download

flipLightBox: Responsive Lightbox jQuery Plugin

flipLightBox is a responsive Lightbox that is extremely easy to implement and doesn’t require additional stylesheets, scripts or libraries.The coolest feature of flipLightBox is that it has optional flip effect as each lightbox image opens and closes.

flipLightBox: Responsive Lightbox jQuery Plugin

Demo Download

jquery.arbitrary-anchor.js: Smooth Scrolling For Any Element On Page With jQuery

With jquery.arbitrary-anchor.js , you can easily create useful and neat dynamic anchor scrolling by simply adding a jQuery/CSS selector after the hash (#) in your page’s URL. This plugin extends the normal anchor functionality, that is, an anchor tag with a name value attribute will still get scrolled to as normal. The same goes for an element with an ID which matches the hash. This little plugin will take care of everything else.

Smooth Scrolling For Any Element On Page With jQuery

Demo Download

Minified.js: Lightweight JavaScript Library

Minified.js is a very strong alternative to these frameworks and it comes with an impressive size, less than 4kb minified. Minified.js is a client-side JavaScript library, comparable to jQuery and MooTools in scope. Its features include DOM manipulation, animation, events, cookies and HTTP requests.

Minified.js: Lightweight JavaScript Library

Demo Download

RTP.Slider.js: Touch Enable and Responsive Slider Plugin

RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.

RTP.Slider.js: Touch Enable and Responsive Slider Plugin

Demo Download

Tabby: Lightweight and Mobile First Toggle Tabs

Tabby is a lightweight JavaScript and CSS kit for mobile-first toggle tabs. It’s style-light so you can easily modify it to fit your design.

Tabby: Lightweight and Mobile First Toggle Tabs

Demo Download

Sticky-Kit: jQuery plugin for Making Smart Sticky Elements

Sticky-Kit is a very handy jQuery plugin that simplifies creating/managing such sticky elements and comes with features for complex use.

Sticky-Kit: jQuery plugin for Making Smart Sticky Elements

Demo Download

S Gallery: Responsive jQuery Gallery Plugin with CSS3 Animations

S Gallery makes use of HTML5’s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features. Once an item is clicked and focused, it is possible to browse others with prev-next buttons or via keyboard.

Responsive jQuery Gallery Plugin with CSS3 Animations

Demo Download

On Scroll Effect Layout: Beautiful Scroll Effects

An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.
There is an example effect defined and also some media queries for dealing with smaller screens.

On Scroll Effect Layout: Beautiful Scroll Effects

Demo Download

Advertisements
 
Author:

We hope, We will become the best, creative and inspiring community for web and graphics.
Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

Trackbacks to this post.
Leave a Reply

Copyright © 2017 Design Blog. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us