jQuery Archive

Walkway.js a small javascript library to animate SVG images consisting of line and path elements in an easy way. How to use Create a new Walkway instance with a supplied options object. When you want to start animating call .draw on the …

Inspire by Fittext.js , Fitter Happier Text is a javascript plugin for creating performant, fully fluid headings and created by JXNBLK Fitter Happier Text replaces each node with an SVG text node and sets the viewBox attribute based on its width and …

Today’s free design resource Mobile App Introduction Template with tutorial comes from Codyhouse.A basic template to showcase the best features of your app, enriched with a video slider for a better user understanding. The template turns into video slider on desktop screen. …

Beautiful and responsive progress bars with animated SVG paths.You can use built-in shapes or create your own paths and also customize the animations as you wish. ProgressBar.js is lightweight, MIT licensed and supports all major browsers including IE9+. ProgressBar.js uses shifty tweening …

Tailor-made text to fit your needs! Responsive text to fill the height of the parent element or ellipse it when it doesn’t fit.The parent element needs to have a height (fixed or percentage). How To Use

Today’s free development resource has been created by Codyhouse – Rounded Animated Navigation with CSS3 & JQuery inspired by Ping iOS app This is an experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.Velocity.js has been used and …

Sweetalert is a beautiful replacement of JavaScript’s “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, as you can see below! You can install SweetAlert through …

Divas Slider is a jQuery responsive and touch enabled slider for web and mobile solutions.It’s full customizable and uses CSS3 transitions with jQuery fallback for old browsers. Some Features: – CSS3 transitions for slides and captions – Two ways slider, you can …

Client Testimonials Carousel is a responsive carousel showcasing selected client testimonials powered by CSS and jQuery that can be easily integrated into your design. 2 plugins have been used to built this resource: FlexSlider for the carousel, and Masonry layout to build …

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. To make everything work, just load midnight (and jQuery) and initialize it. Want to use custom …

Today’s free inspiration and tutorial comes from Tympanus. The full-page background image header has been a web design trend for some time. Recently people have been turning to animation to add more visual interest to their website headers. This collection uses JavaScript …

The aim behind the Ideal Image Slider is to create a slider which has just the right amount of features, with no bloat and be easy to extend so that more features can be added as “extensions”. Here are the ideals and …