For this month roundup we have gathered some useful and handy jQuery Plugins for Developers that will help them to beautify and optimize their websites easily. From creating layout to lightbox for your websites and from creating an eye-catching presentation of your books, magazines or portfolio to beautiful scrolling websites, following jQuery plugins are capable of simplifying almost every single task for developers.
If you are familiar with any of the Plugins listed below, please share your feedback with our readers, or if you know of one which we have not included- then please share it with us in the comment section below.
We hope you will find the list handy and useful for your development related tasks.
Enjoy the list.
1. Stripjs
Strip is a Lightbox that only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.
2. SweetAlert
Sweet Alert is a beautiful replacement for JavaScript Alert. SweetAlert automatically centers itself on the page and looks great no matter if you’re using a desktop computer, mobile or tablet. It’s even highly customizeable. It is released under MIT License.
3. GridScrolling.js
Gridscrolling.js is a jQuery plugin that helps layout HTML5 articles, especially those that include a lot of asides. You just focus on writing, and it will take care of formatting everything for you.
4. Progressbar.js
ProgressBar.js is a beautiful and responsive progress bars with animated SVG paths. With ProgressBar.js, it’s easy to create arbitrary shaped progress bars. This library provides a few built-in shapes like Line, Circle and Square but you can also create your own progress bars with Illustrator or any vector graphic editor.
5. Evol.colorpicker
evol.colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup binded to a text box. It is a full jQuery UI widget, supporting various configurations and themes.
6. Midnight.js
Midnight.js is a jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Midnight.js lets you switch fixed headers on the fly. On iOS less than 7 and older Android devices scrollTop isn’t updated fluently, which creates a choppy effect. It can be fixed somewhat by wrapping the body in container and detecting touch events.
7. OneBook3d
OneBook3D is a jQuery plugin that you can easily create an eye-catching presentation of your books, magazines or portfolio. Flexible, adaptive and customizable design. Auto resizing images. Full screen mode. Ideal for photo-albums.
8. Picture Cut
Picture Cut is a jQuery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jQuery UI, has great features like ajax upload, drag image from explorer, image crop and others.
9. PagePiling.js
pagePiling.js is a jQuery plugin to create a beautiful scrolling curtain type websites. It’s flexible and compatible with old browsers and touch devices. You can create an original scrolling site with this plugin.
10. Parallax Slider
Parallax Slider incorporates a parallax scrolling effect where each slide and its contents glide into view at different speeds, creating a captivating visual experience. Visual intrigue aside, however, Parallax Slider is an easy to customize, responsive slider that can adapt to different screen and device sizes, by supporting a percentage value as its width.
11. Magic Accordion
Magic Accordion is a really simple jQuery accordion plugin that can be create from a single WYSIWYG editor instead of creating numerous amounts of fields in CMS.
12. PgwSlideshow
PgwSlideshow is a responsive slideshow / gallery / carousel plugin for jQuery. It comes with number of features such as responsive, desktop and mobile device support, full customization with the css files included.
13. Gridiyfy
Gridify is a lightweight jQuery plugin for creating a Pinterest-like grid with image loaded plugin. It has support for loaded events, window resize event, dynamic item width, animatioin and many more.
14. Autocomplete.js
Autocomplete.js is jQuery plugin that improve your search with hints. Autocomplete.js also has some options to customize.
15. Image Jigsaw
Image jigsaw is a jQuery plugin to easy convert any image to image based jigsaw puzzle.
16. Slider Tabs
SliderTabs is a customizable jQuery plugin that allows you to create a content slider that can turn into a tabs plugin or a custom slider by changing a few options.
17. Viewport
Viewport is simple jQuery plugin adds custom pseudo-selectors and handlers for simple element detection inside or outside of viewport.
18. Dynamic Timeline
Create visually pleasing horizontal or vertical timelines. Chronological or not, it’s great to show off a portfolio etc.
19. NoUiSlider
NoUiSlider is a range slider without the bloat, but with a ton of features. It’s lightweight and as minimal as possible, so it’s compatible on a wide range of devices.
20. ScrollWatch
ScrollWatch is a jQuery plugin for determining active sections on the page based on viewport scrolling.