40+ Free and Fresh jQuery Plugins and Tutorials

Fullscreen Video Slideshow with Bigvideo.js

( Demo | Download ) This tutorial is about creating a full screen video slideshow by using a jQuery plugin called BigVideo.js that is mostly used for big background video. Fullscreen Video Slideshow with Bigvideo.js

Custom DropDown List Styling

( Demo | Download ) With this tutorial, you can learn how to create a custom drop down list styling for various purposes. Custom DropDown List Styling

3D Thumbnail Hover Effects

( Demo | Download ) Follow this tutorial if you want to learn how to create 3D thumbnail hover effect with the help of CSS 3D transforms and jQuery. 3D Thumbnail Hover Effects

Creative Web Typography Styles

( Demo | Download ) In this tutorial, the process of creating web typography styles with several CSS techniques and lettering.js. Creative Web Typography Styles

Create a Parallax Scrolling Website Using Stellar.js

( Demo | Download ) Learn the use of parallax scrolling effects with this tutorial that uses Stellar.js and of course with some imagination. Create a Parallax Scrolling Website Using Stellar.js

Responsive, Multi-Level Navigation

( Demo | Download ) By using media queries and jQuery, you can accommodate large, multi-level navigation menus while keeping external resources minimal and markup simple. Big Menus, Small Screens: Responsive, Multi-Level Navigation

Adding a jQuery Countdown to Our “Coming Soon” Page

( Demo | Download ) Give your countdown timer some functionality to make your Coming Soon page look appealing. Adding a jQuery Countdown to Our “Coming Soon” Page

Create a Customized HTML5 Audio Player

( Demo | Download ) This tutorial will walk you through the process of creating a customized HTML5 audio player. Create a Customized HTML5 Audio Player

Make a jQuery Count Up Timer

( Demo | Download ) This tutorial helps you learn creating jQuery count up timer. Quick Tip: Make a jQuery Count Up Timer

Make A Simple AJAX Note Taking App

( Demo | Download ) If you want to create an AJAX note taking app, then you should follow this tutorial that will teach you how to use PHP and jQuery to create a simple AJAX interaction. Let’s Make A Simple AJAX Note Taking App

Bild a simple weather webapp

( Demo | Download ) Here, you will be shown how to use HTML5 geolocation API and Yahoo API along with jQuery to build an amazing weather app. How to use Geolocation and Yahoo’s APIs to build a simple weather webapp

Growing Thumbnails Portfolio

( Demo | Download ) Follow this tutorial to see how you can use HTML5, jQuery and CSS3 to create growing thumbnail portfolio. Growing Thumbnails Portfolio

How to grab Dribbble feed with jQuery and CSS3

( Demo | Download ) With this tutorial, you will be taught to grab dribbble’s API and integrate them with your designs. How to grab Dribbble feed with jQuery and CSS3

Custom Login Form Styling

( Demo | Download ) A simple and easy to follow tutorial on creating custom login form styling by using CSS and HTML5. Custom Login Form Styling

Slicebox Revised

( Demo | Download ) With this improved version of jQuery plugin, you can create 3D image slider. Slicebox Revised

Photo Booth Strips with Lightbox

( Demo | Download ) Here is a tutorial on creating neat and scrollable booth strips with Lightbox 2, and later you will also be learnt how to make them responsive and touch friendly. Photo Booth Strips with Lightbox

A Content Flip Plugin

( Demo | Download ) This jQuery plugin can be used to create booklet-like components in order to create a page flip navigation. A Content Flip Plugin

Timeline Portfolio

( Demo | Download ) This is another jQuery plugin for showing a chronological series of events. With this plugin, you can easily embed al kind of media and therefore it is perfect for a portfolio. Timeline Portfolio

Making a Page Flip Magazine with turn.js

( Demo | Download ) Another jQuery plugin called turn.js that is used to create a page flip effect is used in this tutorial along with PHP, CSS3 and jQuery to create a page flip magazine. Making a Page Flip Magazine with turn.js

Pages: 1 2

About the author

With a passion for Knowledge, Smashinghub has been created to explore things like Free Resources For Designers, Photographers, Web Developers and Inspiration.

Twitter Visit author website

Subscribe to Smashing Hub


5 Comments

  1. Rahul says:

    all are awesome plugins thanks for sharing very nice collection..

  2. Connor Harley says:

    Browsing through the plug-ins. I find them very interesting. I would like to try some of them out. One or more will be able to help me with my business. Best part is they’re free.

  3. Yurike says:

    this jquery is great. because its replace flash animation, which is making your website slow.

  4. Don says:

    thanks for sharing dude. i’ve seen it. it’s very useful for me to develop my website.

  5. Raghav says:

    woww really awesome jQuery Plugins .. thnks for the share :)