Quantcast
Channel: jQuery Plugins – Designify
Browsing latest articles
Browse All 82 View Live

Image may be NSFW.
Clik here to view.

jQuery FocusPoint – Responsive and Intelligent image cropping

Jquery FocusPoint dynamically crops images to fill available space without cutting out the subject of the images and it absolutely great for full-screen images. Although the responsive design has...

View Article


Image may be NSFW.
Clik here to view.

Basic Table – A jQuery Responsive Tables Plugin

A simple basic jQuery plugin which gives a couple of options for displaying tables on handheld devices. Tables are the necessary evil. Admit it! It is a bit painful to adjust tables on small devices so...

View Article


Image may be NSFW.
Clik here to view.

pagePiling.js – Create a scrolling pile of sections

After FullPage.js and MultiScroll.js, Alvaro Trigo now presents pagePiling.js, a plugin which allows creating a totally new way of single page scrolling websites. With pagePiling.js the sections are...

View Article

Image may be NSFW.
Clik here to view.

ScrollMagic – A jQuery plugin for magical scroll interactions

ScrollMagic adds a pinch of magic on your web design projects with some great scroll interactions. ScrollMagic is jQuery plugin which lets you to use several options of the scrollbar features and...

View Article

Image may be NSFW.
Clik here to view.

Shifter – Simple jQuery Mobile Side Menu

Create a simple jQuery mobile side menu quickly by injecting some code and adjusting the maxWidth option. Shifter is yet another solution for mobile side menus. It is a very easy-to-use and mobile...

View Article


Image may be NSFW.
Clik here to view.

jQuery simpleGallery – Fullscreen and responsive lightbox

SimpleGallery is an easy and quick solution for creating responsive fullscreen lightbox gallery. With a couple lines of code you can display your images in a wonderful gallery. There are many lightbox...

View Article

Image may be NSFW.
Clik here to view.

Simple Modal-Like Sliding Panel with jQuery and CSS3

A simple jQuery/HTML5/CSS sliding panel solution that slides out a modal-like top panel and pushes the content to the bottom. Modals are quite popular and exploited in website design as they give you...

View Article

Image may be NSFW.
Clik here to view.

Create Horizontal Paging Website with jQuery horizonScroll

“Out of the box” thinking is a must for designers and developers if they want to create an appealing and rather different online experience. Horizontally scrolling websites became popular in the last...

View Article


Image may be NSFW.
Clik here to view.

Alton – jQuery Scrolljacking Plugin

A lightweight jQuery Scrolljacking plugin which creates a unique and enjoyable online experience for users. Alton is a new jQuery plugin created by Paper Leaf. It is a scrolling plugin which employs...

View Article


Image may be NSFW.
Clik here to view.

9 Extremely Useful JS and CSS Animation Libraries for Designers

9 effective animations solutions for great and user-friendly design projects. Animations have been exploited in web design for a simple reason – catching user’s eye. Ever since Flash has been...

View Article

Image may be NSFW.
Clik here to view.

Simple Weather App with jQuery

A great solution for displaying weather by using jQuery, Yahoo Weather Services and Yahoo Geolocation. Sometimes, when you are creating a website for a client, you might be asked to create a simple...

View Article

Image may be NSFW.
Clik here to view.

20 Useful Lightbox Plugins for WordPress

Enhance the look of your website with a Responsive Lightbox Plugin Lightbox Plugins are probably the most popular ones in WordPress sites. Such plugins are used as an appealing and elegant way to...

View Article

Image may be NSFW.
Clik here to view.

Slideout.js – A touch slideout navigation menu for mobile web apps

This plugin is a straightforward navigation solution for anyone who requires lightweight touch navigation for a modern mobile web app. Mobile and web apps are quite popular for the last couple of years...

View Article


Image may be NSFW.
Clik here to view.

Slider Pro – Responsive jQuery slider with CSS3 animations

A responsive and touch-enabled jQuery slider solution allowing you to create elegant, modern and pro-looking sliders. How much time do you spend to find the top-notch slider when you are working on a...

View Article

Image may be NSFW.
Clik here to view.

How to Create Full-screen Photo Gallery with jQuery

A straightforward jQuery plugin for a full-screen photo gallery with handy thumbnail navigation. Today’s plugin provides a great solution for developers and designers if they want to incorporate a...

View Article


Image may be NSFW.
Clik here to view.

Jazz up your website with Shapeshifter.js

Shapeshifter is a lightweight jQuery plugin which will add a modern touch to any website. SVGs are quite popular these days due to the fact that they offer a lot of flexibility in terms of animation...

View Article

Image may be NSFW.
Clik here to view.

Mobile-first Pull-down Мenu with jQuery

A quick solution for a mobile-first navigation, powered by jQuery and CSS3, which slides from the top of the page when it is toggled. Mobile-first menus are quite popular and there are new solutions...

View Article


Image may be NSFW.
Clik here to view.

Simple Marquee – Horizontal Text Scrolling with jQuery

An easy jQuery solution for horizontal text scrolling that can be used as a news ticker. This is a simple jQuery plugin which will help you create a list of items that scroll from right to left. It is...

View Article

Image may be NSFW.
Clik here to view.

Tiny jQuery Plugin for Creating Beautiful Bar Pie Charts

Spending time on Codepen website is always a pleasure. There are so many talented and creative web designers and developers who are sharing their knowledge with everyone. Today’s coding treasure is...

View Article

Image may be NSFW.
Clik here to view.

Off-canvas grid gallery with jQuery and CSS3

Off-canvas grid gallery is a great solution for displaying photos in an eye-catchy way. Creating galleries is always a challenge for designers and developers. Every web professional is aware of the...

View Article

Image may be NSFW.
Clik here to view.

Grid Column Carousel – Scrollable & scalable carousel for your grid system

Welcome to the fantastic world of scrollable columns for your favorite responsive grid system! Grid Column Carousel is a wonderful plugin that allows you to scroll columns which scale up and down...

View Article


Peekaboo – Responsive CSS3 Slideshow with touch and swipe interactions

Today’s creative solution is a Peekaboo – a simple responsive slideshow slider with touch and swipe interactions. The previous and next slides are visible at the sides of the main image that is...

View Article


Quick Design Tips: TabDancer – A Responsive Tabs Solution

Tabs are quite useful when it comes to fitting a lot of content in a clean and organized way. Tabs help to separate information into different groups and the content is accessed easily by the users....

View Article

Sliiide2 – The Easiest Way to Create a Sliding Nav Menu

Today, I want to show you a simple and easy way to create a sliding navigation menu that can appear anywhere on your web page. Sliiide is a great and very small jQuery plugin that will help you out to...

View Article

Chocolat.js – A Free Powerful jQuery Lightbox

Chocolat.js is a great new plugin that will give you a powerful lightbox to display one or gallery of images (by staying on the same page). Users have the choice to group together series of pictures as...

View Article


Image may be NSFW.
Clik here to view.

How to Create Responsive Sticky Header with jQuery

Sticky headers are quite popular these days probably due to the fact that they are quicker to use and navigate. These headers are particularly useful for menus and CTAs for the users to see. It is...

View Article

Image may be NSFW.
Clik here to view.

Crosscover – Beautiful carousel with jQuery and animate.css

Since animate.css was released the World Wide Web become a bit more entertaining and beautiful. The animated library has been used to present content in more interesting way or enhance CTA actions....

View Article

Image may be NSFW.
Clik here to view.

Simple CSS3 Paper Cards Accordion Inspired by Google Material Design

Have you noticed recently that designers started implementing Google Material Design concept in mobile apps and websites? There are so many apps now that are based on the simple concepts of Material...

View Article

Image may be NSFW.
Clik here to view.

Animsition – Easy CSS Animated Page Transitions with jQuery

Animsition is a simple jQuery plugin that will actually make it easy for web designers and developers to add website animations to their projects. The plugin can be a helpful tool if you want to lift...

View Article



Lazy Loading Images with bLazy.js

bLazy is a great lazy loading image script that will let you lazy load and multi-serve images which will save bandwidth and server requests. The script is very beneficial for users as they will have...

View Article

Image may be NSFW.
Clik here to view.

Pace – Automatic page load progress bar

If you are a web designer, it is almost certainly that you have built a single-page website which at some point at the process became a very huge one, especially if you are using parallax effect and...

View Article

Image may be NSFW.
Clik here to view.

Tabslet – a jQuery plugin for tabs

Tabslet is yet another jQuery plugin for tabs but it is a bit different from the usual ones. Why is that? First of all, the great news is that it is compatible with IE7+ and also Chrome, Firefox,...

View Article

Image may be NSFW.
Clik here to view.

Mmenu – App Menus with Sliding Submenus

Having a complex menu in a website has proven to be a challenge for any web designer. Reason for that is how such complicated menu is performing on mobile devices. The simple slide/toggle menus are not...

View Article


Section Scroll – jQuery Plugin with Side Bullet Navigation

Section Scroll is a lightweight jQuery solution for single page websites. The plugin automatically generates a side bullet navigation on one page websites and when the navigation is clicked, the user...

View Article

mediaWrapper.js – Responsive Embed Videos

It is a common knowledge that videos are vital part of the online presence of any business. Visitors do love to be entertained visually and adding videos to company and product websites makes things a...

View Article

Tasty CSS-animated hamburgers

With so many mobile apps and responsive websites, designers and developers became really creative with menus and navigation solutions. The same is true for hamburger icon that is the trigger for...

View Article


ScrollReveal – Easy scroll animations for web and mobile browsers

Today I am back with another great jQuery plugin called ScrollReveal.js. This plugin is great if you want to add a bit of modern touch to any website by adding smooth scroll animation to your elements....

View Article


Image may be NSFW.
Clik here to view.

timeDropper – A beautiful & better UI timepicker

If you are a designer or a developer it is very likely that you have a situation in which you had to incorporate a timepicker in a client’s website. Most of the time, the timepickers are very plain and...

View Article

Responsify.js – A jQuery plugin for perfect responsive images

The Problem For everyone who is building websites is well aware of the issue of achieving the perfect responsive images. When you use images in a responsive container is likely to end up with an image...

View Article

Image may be NSFW.
Clik here to view.

MediumLightbox.JS – Elegant Image Zoom

MediumLightbox plugin is inspired by medium.com and reproduces exactly the same code to add this smooth transition over the image. Though, there is some improvement. The plugin is written in pure...

View Article

Scrolla – Reveal Animations When Scrolling

Today’s fancy plugin comes from Max Zhurkin and it is a great solution for every web project that requires lots of images to be displayed in an interesting and appealing way. Scrolla is a lightweight...

View Article


Gradientify – jQuery plugin for CSS Gradient Transitions

Today’s quick design tips is a very simple jQuery plugin which provides beautiful CSS gradient transitions. Gradientify is very simple to implement and use as you do not need any special coding skills...

View Article

Bootstrap 4 jQuery Sliding Menu

Although Bootstrap 4 is still in its alpha (to be precise – alpha 2) version, designers and developers got excited a while ago and started using it. If you haven’t checked it yet, probably you will be...

View Article


Muuri – Responsive, sortable, filterable and draggable grid layouts

If you are a web designer or developer, probably you are familiar with various plugins for responsive and filterable grid layouts. Such plugins are immensely  useful when it comes to organizing visual...

View Article

MenuSpy – Highlight Nav Item Based on Current View

MenuSpy is a JavaScript library which offers three different solutions for highlighting menu item corresponding to the current section view. The JS library is lightweight and fast and has no...

View Article


Image may be NSFW.
Clik here to view.

iCheck – Beautifully Customized Checkboxes and Radio Buttons

iCheck is a fresh and neat plugin for jQuery and Zepto with different skins (currently 6) for radio buttons and checkboxes. It is created to ease the workflow whenever a checkbox or a radio button is...

View Article

Progressively – Load Images One by One

Performance optimization is quite crucial for web designers and developers. No matter how well-designed is a website or web app it will surely fail if it is not optimized for varying network...

View Article

Image may be NSFW.
Clik here to view.

GridTab – Grid Based Responsive Tabs

GridTab is a jQuery plugin which will help you put any content in grid based responsive tabs. If you have worked with some of the popular frameworks, you know the pain of creating responsive (and...

View Article

Footer-reveal.js – Add An Eye-catching Effect to Your Website

Recently, around the web a new attractive effect emerged and designers/developers are willing to give it a try and incorporate it on their websites. The “Footer Reveal” is a straightforward idea that...

View Article


Hiraku.js – jQuery Off-Canvas Menu

Translated from Japanese “Hiraku” means “Open”. This jQuery plugin is yet another solution for an off-canvas menu drawer navigation which is suitable for mobile versions of websites and web apps. There...

View Article

Browsing latest articles
Browse All 82 View Live