200 JQuery Animated Plugins

BLOB is animated, interactive and highly customizable 3D background. Visual editor included. Supports morphing and other shape transitions. Created as Javascript plugin based on HTML5 Canvas.Features:Interactive 3D backgroundHTML.....
Core Java Script HTML5 Premium

Curtains.js is a lightweight vanilla WebGL javascript library that turns HTML elements into interactive textured planes, allowing you to animate them via shaders. You can define each plane size and position via CSS, which makes.....
Animation Core Java Script

Elastic Slider is an experimental slider using SVG clip-path feature and animations powered by Snap.svg. .....
Animation Slider SVG Tutorial

Today we’d like to show you how to create a playful slider with an original fragmented look. Each element of the slider will be divided into pieces that will animate in different ways, using Pieces, a library that I’ve created.....
Animation Core Java Script Slider

This plugin detects which direction a user enters/exits a block, allowing you to reveal/hide content based on this direction.The hidden content can animate in from the direction the user enters and animate out the direction the us.....
Animation Core Java Script

Today we’d like to share an experimental slideshow with you. The idea is to animate an SVG frame while we transition from one slide to another. Using different shapes we can create a variety of frame styles when morphing the SVG.....
Animation Core Java Script Slider SVG Tutorial

jQuery Bubble Text plugin introduces one animated way of changing text. .....
Animation Plugins Text Effect

A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments. Powered by anime.js. .....
Animation Core Java Script CSS

Morph DOM elements from one state to another with smooth animations and transitions .Ramjet makes it look like your DOM elements are capable of transforming into one another. It does this by cloning the elements (and all their chi.....
Animation Core Java Script

Wobble window is a lightweight jQuery plugin that applies a wobble effect to your HTML elements backgrounds. .....
Animation Plugins

There is a solution – the jQuery-the svg-popup .Quick – the formation of the particles based on the basis of SVG.Easy – just plug weight 5kb.Easy to use – it has documentation in Russian.Eto decision to div.....
Animation Plugins Popup Window SVG Tutorial

Particler is a pure javascript plugin which creates a canvas-particles based on your image. You can easy set up behavior of particles and make awesome stuff.Features:No dependencies — pure javascript;Simple usage;Easy customisat.....
Animation Core Java Script Premium

iTyped is a dead simple Javascript animated typing, with no dependencies. iTyped has a tiny size and easy to use. .....
Animation Core Java Script Text Effect

sparkleHover is a jQuery plugin to add sparkles to anything on hover. .....
Animation Plugins

Short and funny phrases using CSS3 to make the animation . .....
Animation Text Effect

Skill Bar is a modern way to give rating like if you want to compare mobile phones in terms of performance then skill bar is one of the best option to show performance rating in front of user there are number of ways to use this m.....
Accordion CSS

Floating js is a animated float a number of things up on a page (hearts, flowers, emojis, words …). .....
Animation Core Java Script

A simple light-weight jQuery plugin that makes a <div> (or another block element) moving from outside the page to one side of your choice when scrolling to a specific point.uses .animate() with callback functionall direction.....
Animation Plugins

The Line Maker is a plugin for creating and animating decorative lines on websites. Inspired by site designs like ‘Uber Brand Experience’ and ‘Details’.Today we’d love to share a little library with you t.....
Animation Core Java Script

phAnimate is a jQuery plugin that animates placeholder on inputs. .....
Animation Forms Plugins

jQuery hoverfiyBootnav is a simple bootstrap addon to add a nice effect on nav’s hover. .....
Animation Bootstrap Menus Plugins

bringins is a jQuery plugin to show contents on a webpage as an animated page. These page will be positioned ‘fixed’ with scrollable data. You can have your custom CSS content to appear in the bringins pages. This plug.....
Animation Plugins Popup Window

A tiny set of CSS3 animations for your input checkboxes. .....
Animation CSS

A library of animated transition effects, powered by CSS Animations.A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing function. That resource has sin.....
Animation CSS

Jquery.barrager.js is an elegant web barrage plugin, support for displaying images, text and hyperlinks. Support speed, height, color, quantity custom. .....
Animation Plugins

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. .....
Animation CSS SVG Tutorial

A simple jQuery plugin for creating animated drilldown menus .Features:Multiple menus on a single pagePretty flexible, doesn’t enforce specific tagsLightweight: 2 KB when minified (even less after gzip) .....
Menus Plugins

Today we’re going to create an animated SVG drum kit that can be played by clicking, tapping or using your keyboard, and that can also be programmed to play by itself! We’ll be making use of GreenSock’s TweenMax animation li.....
Animation Core Java Script SVG Tutorial

Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. .....
Animation CSS

A simple jQuery plugin for colorful animated or static gradients . .....
Animation Plugins

Animated search filter jQuery plugin for the list items . .....
Animation Forms Plugins

CloudsJS is a jQuery plugin to animate clouds effect on your website. .....
Animation Plugins

The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon” ( ? -> ? ) .Some techniques use vanilla javascript, some uses jQuery.....
Animation CSS

ProgressBarWars is a simple (star Wars Tribute ), light-weight jQuery plugin that allows you to display an animated horizontal progress meter. Just pass in the goal and amount raised or completed, and the rest is optional. .....
Animation Plugins

Today we’d like to share an experimental demo with you. This demo is an interactive map that will animate a map path while scrolling the page. The main idea is to connect the story being told with the path itself. The journey ca.....
Animation HTML5 Maps SVG Tutorial

Flipside is a button that seamlessly transitions from action to confirmation. .....
Animation CSS Popup Window

Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transition .....
Animation CSS Menus

All of you should be quite familiar with Codrop’s  “Arrow Navigation Styles” tutorials. They are really inspiring and creative. I played with the Arrow Navigation styles demo, I’m impressed. And I wondered.....
Animation CSS Slider

jQuery plug-in to scroll the CSS background image automatically.A plurality of images are to scroll at different speeds to up, down, left and right oblique direction . .....
Animation Plugins

Canvas Particles is a jQuery plugin that renders animated, interactive, fully configurable particles using HTML5 canvas 2D API. .....
Animation HTML5 Plugins

A collection of fancy text effects, to animate the tagline and action buttons of your website intro section. .....
Animation CSS

A jQuery plugin that outputs text like it’s being typed. It allows you to type single strings, multiple strings that stack, and multiple strings that delete & replace each other. It’s lightweight, scalable, and sup.....
Plugins Text Effect

Example of how to animate a route between two points in Google Maps. .....
Core Java Script Maps

Messg is a javascript library with css3 for animated notification messages. .....
Core Java Script CSS

A simple, responsive carousel with animated SVG paths used as transition effects. .....
Slider SVG Tutorial

A full page slider, with animated SVG elements used as transition effects. .....
Animation CSS Slider SVG Tutorial

ShakeBorder is a plugin to create Shake and border effects on mouse hover with jQuery. .....
Animation Plugins

This is a jQuery plugin that works alongside with Bootstrap and helps you create beautiful tiles.As a jQuery – Bootstrap plugin, in order to use jsTiles you have to include both jQuery and Bootstrap into your project. You al.....
Animation Bootstrap Gallery Plugins Responsive

Carousel for simple background image using jquery and animate.css. .....
Animation Carousel CSS Plugins

An ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.We’ve been experimenting lately with a CSS powered animation that replaces the refresh of the web page while the content i.....
Ajax Animation CSS

A simple, Accessible, 60+fps, easy-to-use animated tabs plugin for jQuery.The plugin including the velocity.js library. .....
Animation Plugins Tabs

jQuery plugin that animates a full height screenshot (or any image) within a parent div to simulate a user scrolling the page. .....
Animation Plugins Responsive

Fullpage is a  jQuery plugin for fullpage animated slider. .....
Plugins Responsive Slider

A pricing table that animates into a sign up form once the user selects a plan.In most cases, you’ll redirect your users to a sign up page. However, if your checkout process is quite simple, an alternative approach would be to .....
Animation CSS Plugins Popup Window

Second part of small collection of 5 CSS animated Image Captions. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy! .....
Animation CSS Premium

Animated alerts are the JQuery plugin based on css3 animation. Using it you can effectively communicate to users the right information. There are 68 animations, multiple color themes and types of messages and detailed documentatio.....
Animation CSS Plugins Popup Window Premium

Iconate.js is a tiny performant library for cross-browser icon transformation with trendy animations in your projects. .....
Animation Core Java Script CSS

Boomer finally adds cross-browser support for animated GIF cursors. Just copy and paste the cursor element inside any HTML element and choose the GIF preset you want. Use any animated GIF on any HTML element! .....
Animation Plugins Premium

A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.We used the pushState method to manipulate the browser history. .....
Ajax Animation CSS

Pogo Slider is a jQuery plugin that allows you to create animated image/content sliders. CSS animations are used to transition between slides. A CSS animation can be triggered on element within a slide, after the slide transitions.....
Animation Plugins Slider

Animated javascript navigation component based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.It works on all major desktop and mobile browser.Possible uses:tab navigationpie menu (radial.....
Animation Responsive SVG Tutorial Tabs

An Animated Dropdown Mega Menu a jquery plugin that uses Animate CSS/HoverIntent with CSS only fallback.Javascript Based menu with CSS only fallbackUses CSS3 animation when available (fallback to js)Works in IE7+ .....
Menus Plugins

jQMeter is a simple, light-weight jQuery plugin that allows you to display an animated horizontal or vertical progress meter. Just pass in the goal and amount raised or completed, and the rest is optional.It has a simple design ou.....
Animation Plugins

The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon”.Some technics use vanilla javascript, some uses jQuery and some are pow.....
Animation CSS

AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions. .....
Animation CSS Plugins Popup Window

A jQuery plugin for generate animated Intro Loading Pages.This plugin help jquery beginners to add some cool animated intro page on a website. .....
Animation Plugins Responsive

A tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG.In this article I’m going to share my experiments and five ways to create patterned filled text......
Animation CSS SVG Tutorial Text Effect

Reveal-it.js is a jQuery plugin that gradually reveals text from left to right to produce a fade-in effect. .....
Animation Plugins Text Effect

Augments form labels to behave like placeholders, but with a twist. .....
Animation Forms

jQuery Plugin to create tabs.All you need to do is add few divs for your tabs, and script will generate Tabs for you. .....
Animation Plugins Tabs

Spinning Earth Globe animations with markers and logos’ carousel for Desktop and Mobile. Perfect way to visualize location of event/office/store/city or to showcase partners/sponsors logos.Features:Globe rotation made up with fl.....
Animation Plugins Premium SVG Tutorial

A jQuery plugin for generate animated Intro Loading Pages.This plugin help jquery beginners to add some cool animated intro page on a website.This plugin is very easy to install and use. .....
Animation Plugins Web

Animated borders for any block level element. This jQuery plugin creates an animated border with configurable thickness and color. .....
Animation Plugins

Textroll.js is a jQuery plugin for adding some scroll effect to text. .....
Animation Plugins Text Effect

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect. .....
Animation Plugins

A collection of animated headlines, with interchangeable words that replace one another through CSS transitions. .....
Animation CSS Text Effect

Traffico is a jquery plugin that allow you to insert some funny vehicle running from a side to another side of your website.Cross browser supportEasy to integrateWell documented and fully supported64 images for 5 different vehicle.....
Animation CSS Plugins Premium

A jQuery tabs module for todays web.Tabulous.js can be used with any contents you choose in the tabs and it couldn’t be more simpler to use. .....
Plugins Tabs

Beautifully animated countdowns for everyone. Soon is jQuery Plug & Play and super easy to setup using the supplied WYSIWYG editor. Or, faster yet, pick one of the responsive presets as a starting point.Soon is mobile friendly.....
Animation Plugins Premium Responsive

Simple Globe to put your own data with latitude/longitude .....
Animation Core Java Script Maps

A simple template to showcase your application features through a smooth 3d animation, powered by CSS and jQuery. .....
Animation CSS

jQuery plugin for animated writing, spiced with navigational features. .....
Animation Plugins Text Effect

How to optimize SVG code and animate an SVG icon using CSS and Snap.svg library. .....
Animation CSS SVG Tutorial

jQuery Plugin to draw animated circular progress bars. .....
Animation Plugins

An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle. .....
CSS Menus Popup Window

A tiny JavaScript library that prevents the autoplaying of the animated Gifs. .....
Core Java Script Video_Audio

Today we’d like to share some animated header backgrounds for your inspiration. 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 i.....
Core Java Script HTML5

A ‘product quick view’ modal window, animated using CSS3 and Velocity.js, that provides the user a quick access to the main product information. .....
Animation CSS Popup Window

Morphing Slogan is a JavaScript application which allows to dynamically create animated background from text-format (JSON). It can be easily included in any website & Customize. Compatible with all major browsers (including IE.....
Animation Core Java Script jSON Premium

The ultimate jQuery tab plugin forhash-sensitive,WAI-ARIA-complianttabs.Features:Hash-friendly URLs, so your states are saved. Try refreshing!Compatible with IE8 and upCustomizable and configurable. Use custom selectors for your t.....
Plugins Tabs

Here is a pure CSS experimental work to create floating bubbles without using JavaScript. These animated bubbles are also with popping effect. All these animation is created by Pure CSS. .....
Animation CSS

Mad twitter is a highly user friendly button, that produces different animations on hover effect. Six different effects makes the twitter angry and it goes wild, which is the most interesting feature of mad twitter button. .....
Animation Plugins

This is a plugin for jQuery which animates a colored optical flare to slide across elements. The flare is white in the center and has a customizable colored glow. The plugin also allows change of speed, glow radius, and event trig.....
Animation Plugins

A sample pack (10) of animated icons from Kickdrop. Full icon set coming soon! These retina-ready icons were animated in Adobe After Effects and are exported as .png sprites-sheets. Sprite-sheets contain a collage of frame-by-fram.....
Animation CSS

With this jQuery plugin you can easily create cool looking headings for your pages!Features:Canvas headings with a fallback to default HTMLGradient fill textImage fill text animated and non animatedText shadow/glowNormal and gradi.....
Animation CSS HTML5 Plugins Premium Text Effect

We present the very popular fixed, on scroll animated header that changes it’s size and the orientation or visibility of the components within based on the user’s scroll action. As the user begins to scroll and engage with con.....
Animation CSS Menus Responsive

Scrollme is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It’s easy to set up and not a si.....
Animation Plugins

jQuery typist is a animated text typing plugin. .....
Plugins Text Effect

jQuery stylish progress bars that animate as they enter the viewport. .....
Animation Plugins

Page scroll to id is an easy-to-use jQuery plugin that enables animated page scrolling to specific id within the document. The plugin replaces the default browser behaviour of “jumping” to page sections when links with.....
Menus Plugins

With easy backgrounds you can add animated and non animated backgrounds to your webpage and HTML elements using just a few lines of code.The plugin is just 14kb and supports particles, slideshows, videos, gradients and animated pa.....
Animation Plugins Premium Web

MixItUp is a jQuery plugin providing animated filtering and sorting.MixItUp is great for managing any categorized or ordered content like portfolios, galleries and blogs, but can also function as a powerful tool for engaging appli.....
CSS Gallery Plugins Responsive

Create animated scroll menu with jQueryFeatures:vertical or horizontal displayabsolute, fixed or inline stylesleft, right, top or bottom alignsconfigurable background color, font sizes, colors also configurable via CSSsmooth anima.....
Animation Menus Plugins Responsive

This is a jQuery plugin for css3 animation.This plugin allows you to show any element with css3 animation effect. .....
Animation CSS Plugins Popup Window

9 Variations and styles of interesting Social Media Icons and hover animations including one of most popular classic animation style. Very easy to integrate in your project. Original Social Media colors and nice looking with great.....
Animation Plugins Premium

gifplayer is a customizable jQuery plugin to play and stop animated gifs. Similar to 9gag’s. .....
Animation Plugins

LatestNews is a new responsive plugin that allows you to show news feed with amazing text effects. It already comes with a Theme Configurator (360 css files included!) and 200 ready-to-use text animations.Features:200 ready-to-use.....
Animation Plugins Premium

Boxaroo packs a punch into the Lightbox – providing full customization control over the environment while catering to both beginners and developers. Packed to the gills with nearly 400MB of optimized graphics (66 Envato Marketpl.....
Animation CSS Plugins Popup Window Premium

This plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very difficult to use in the most common situations with flui.....
CSS Plugins

This plugin allows you to create an animated progress bar using jQuery. Just fill in the required input and the plugin calculates the progress of your goal and animates the bar. You can specify text to put before and after the amo.....
Plugins

A collection of loading indicators animated with CSS3.SpinKit uses CSS animations to create smooth and easily customizable animations. The goal is not to offer a solution that works in every browser. If you’re building a sit.....
Animation CSS

Simple animated notifications with jQuery plugin.Now you can send notifications of everything you want and when you want, simply and quickly. Easy to learn and use. Customize with your favorite colors, define the size you want, se.....
Plugins

jQuery Bubble Scroll is an easy-to-integrate navigation asset that you can use on your website to display any kind of usefull informations. There are two types of layout (square or circle) and you can put it to the left or to the .....
Plugins Premium

Today I’d like to share with you a little jQuery plugin that creates an image slider which gives more information when clicked on. I’ve also included a bunch of built-in animations for the modal windows giving some pretty cool.....
Animation CSS Plugins

A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann’s Open Type project and it’s a very creative way to .....
CSS Text Effect

Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate some SVG icons as a practical example.  .....
Animation SVG Tutorial

By animating an SVG path with JavaScript, we can do many fancy things. Today we want to show you some effects for checkboxes and radio buttons. The idea is to hide the inputs, use pseudo-elements to create a more appealing style a.....
Animation Core Java Script CSS Forms SVG Tutorial

A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash’s bounce menu for mobile apps.The other day I saw a really nice concept of a menu on the UI.....
Animation Core Java Script CSS Menus

As CSS3 is gradually more supported over popular browsers, CSS3 Buttons become great looking replacements for image and script heavy buttons. These buttons use CSS3 transitions and transforms to animate morphing icons to represent.....
Animation CSS

AnimatedScroll.js  is a jQuery plugin that enables smooth, animated document scroll to a specific element, supporting native jQuery UI easings. .....
Animation Plugins

This plugin simplifies the creation of animated title sequences in the style of opening titles or closing credits for a movie, or indeed any style you can achieve with HTML and CSS.This plugin allows you to define a sequence of ev.....
Animation Plugins Text Effect

Loda Button is a simple jQuery plugin animates the button’s icon as the data are being fetched from the server. The classes loda-btn and loda-icon are used by the plugin to style the button. The styling is quite simple and done .....
CSS Plugins

A creative way to show interactive books using CSS 3D Transforms.In this playground we’ll show you some creative, animated books with CSS 3D transforms and transitions. We’ll show you two types of book designs: hardcover and.....
Animation CSS

Spin is a jQuery plugin that creates animated loading indicators with only CSS and JavaScript. .....
Animation CSS Plugins

Animated text progress bars parsed from a simple string language. .....
Animation Text Effect

flipGallery is a free and lightweight jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements. Other features include dynamic image streaming, auto pagination, auto cropping and tr.....
Animation Gallery Plugins

A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will a.....
Animation Core Java Script CSS

Lightweight, animated lightbox plugin for jQuery JavaScript library.Getting zerobox up and running is easy. The plugin only requires that include its source on your pages and give its method a link it will use to invoke the lightb.....
Plugins Popup Window

So what is LivIcons? They are a cross browser vector icons, built with JavaScript, with individual mini animation for every icon. They based on SVG (scalable vector graphic) in modern browsers and VML (vector markup language) in I.....
Animation Bootstrap Plugins Premium SVG Tutorial

jQuery Animated Table Sorter is a simple html table sorter, with the added benefit of animating the sorting operation.Have you ever wanted to deliver unexciting content in a very exciting way? Me neither.However, now we can. .....
Animation Plugins Tables

ClassySocial is a jQueryplugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button. Currently supports Facebook, Twitter, Dribbble, Socl, Youtube, Vimeo, Google Plus, Pinterest.....
Animation Plugins

In this tutorial, we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on.....
Animation CSS Slider

jQuery UI Modal is plugin of jQuery UI. It easy to create modal functionality to the web application (example the modal form …) and to replace the basic functionality provided by the standard javascript alert(), confirm(), and p.....
Animation CSS jQuery UI Plugins Popup Window Premium

This plugin helps in make your animated gifs in the browser.This is an H5BP community project. H5BP is where you’ll find a bunch of people creating open source software. .....
Animation Drag_Drop HTML5 Plugins Web

In this short tutorial, we are going to make a OSX-like folder with CSS3, by utilizing 3D transforms, gradients and box shadows. In addition, we are going to use jQuery UI and its drag and drop interactions to build a pretty inter.....
Animation CSS Drag_Drop jQuery UI

FatPixels is a jQuery plugin for animating the sprite image of any size. .....
Animation CSS Plugins

I wanted to try and create an animated steps indicator. This was primary for mobile. The code is a bit messy =). This could be replicated with just using jQuery, but i wanted to leverage CSS3. .....
CSS Web

A JQuery tooltip plugin that easily adds tooltip interaction to HTML element that requires a bit more information than a title attribute. .....
Plugins Web

Here a new Jquery Cube Animated Menu with smooth animation. So this is the best jquery animation menu you can use it for your next website project, there are 15 new animation effect in this menu. This menu gonna help you to boost .....
Animation Menus

A fluid asymmetrical animated grid plugin for jQuery.Flex is an idea inspired by the old flash homepage on Adidas.com. Searching google for anything that resembled that effect, lead me to a few plugins that were similar, but not t.....
Animation Layout Plugins

A jQuery plugin that progressively enhances an HTML Select Box into a single option dropdown list. The dropdown list can be optionally styled with Twitter Bootstrap or jQueryUI ThemeRoller and optionally animated with jQueryUI sho.....
Bootstrap Forms jQuery UI Plugins

Today we will create an animated old letter. In this letter, we will use an animated pen. When the pen dries out – we’ll dip it in the ink. And even more, we add the feature to emulate the errors that will be erased during typ.....
Animation Core Java Script CSS

HoverTransitions allows you to create numerous transition animation effects for webpage elements. The effects are performed by breaking the element into smaller boxes and animating the appearance of each of them according to diffe.....
Animation Gallery Plugins Premium

Beautiful jQuery Animated Menu is a Basic Menu bar using Jquery ,html and css.This Menu has a Very Sleek and Beautiful Hover Effect.It is quite easy to Implement also quite easy to understand.You can use this Animated jQuery Menu .....
Menus

An experimental animated ribbon which reveals a curtain of additional content. See the top right corner! of the demo. .....
Animation Core Java Script

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independant and self-adjusting.Oh yes, since it’s pu.....
Animation Other Libraries SVG Tutorial

Typist is a jQuery plugin that allows you to animate text as if it were being typed onto the screen. .....
Animation Plugins Text Effect

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of .....
Animation CSS Plugins Responsive

100% native and cool looking animated JavaScript/CoffeScript gaugeNo images, no external CSS – pure canvasNo dependenciesHighly configurableResolution independentAnimated guage value changesWorks in all major browsers .....
Animation Core Java Script

jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. The plugin takes miniminal installation and is simple and fle.....
Animation HTML5 Plugins

I like FourSquare.com Animated Updates feed Ticker. I like the way they animate items. In this tutorial i am sharing a simple way to create same rss scrolling ticker using Jquery, so you can implement it on your website! .....
Animation Plugins

The animated button & menu jQuery plugin allows you to easily replace <a> links with animated buttons and grouping buttons into a menu.Features:Buttons of any size.Any background color, hover color and font.Allows you to.....
Animation Menus Plugins Premium

jquery.moatext  a jQuery plugin for adding flavor to your web site. By this plugin, text messages on your site are animated on mouse over. jQuery animate function is called for each character of text. You can see very interesting.....
Plugins Text Effect

In this tutorial, I’m gonna show you how to make an awesome jQuery animated website. .....
Animation Web

Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that. .....
Animation CSS Gallery Plugins

Today we’re bringing you a very useful tutorial, it’s time for us to study how to develop a fancy slide menu using jQuery and CSS. Although it requires a considerable amount of code to run our menu, we will explain it as clear.....
CSS Menus

In this article you will see how you can build an awesome CSS3 animated dropdown menu with some of these cool features.Perhaps the best title for this article would have been: CSS3 dropdown menu – Revisited. The reason I’m say.....
CSS Menus

The examples on this page will work properly in Safari, Chrome and Opera. In the Firefox prior to version 4 you will see the transforms, but without any animation. Some effects may also work now in Internet Explorer 9 if you use t.....
Animation CSS

Graphs of financial projections, quarterly sales figures and market saturation are a middle-manager’s dream.How can we as Web designers get in on all of this hot graph action? There are actually quite a few ways to display graph.....
Animation Chart_Graph CSS HTML5

I’d like to show you how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface element.....
Animation CSS Gallery

Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way. .....
Animation Plugins

This awesome slider with a chopping effect was last updated on June 20, 2011. The ChopSlider uses full power of CSS3 animation, has own CSS3 support detection and even old or Internet Explorer support it, a little bit different bu.....
Animation CSS Gallery Plugins Slider

Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in w.....
Animation CSS Menus Text Effect

An HTML5 canvas-based plugin which replaces <a href="..."> links with a 3D rotating cloud of tags.Tested in FireFox, Chrome, Opera, Safari. Also tested in IE8, where it obviously doesn’t work except in conjunction wit.....
Animation HTML5 Plugins Web

I’m writing a detail tutorial on how to create an animated scroll to top as seen on Web Designer Wall. It is very simple to do with jQuery (just a few lines of code). It checks if the scrollbar top position is greater tha.....
Animation Web

This animated Grid Plugin is compatible with Mozilla Firefox, Safari, IE8 / IE7, Google Chrome and allow you to control completely the degradation if javascript is disable. .....
Animation Plugins

I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo. .....
Animation Tabs Web

Why not give a little flair to your header.  This tutorial will show you how to animate your header’s background image using jQuery to give your website that little extra something.We are going to build a header that animates i.....
Animation CSS

In this tutorial I will explain How to create a simple scrolling background with Jquery. .....
Animation CSS

In this tutorial I’m going to show you how to build a lovely, interactive pie chart using the latest HTML5 technologies. Not that long ago, this kind of thing was only practical to do with Flash. Now, thanks to advances s.....
Animation Chart_Graph CSS HTML5

Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information will appear. Also, he background image is going to chang.....
CSS Menus

During browsing web I came across a very interesting plugin – jParallax, and suddenly remembered that soon the international women’s day, and decided that today will do something nice for our women. Our today’s article will .....
Animation

Among other things, JQuery is very useful for an easy manipulation of the CSS background-position property. This tutorial is a perfect example to illustrate that possibility. Althought this menu is not, in my opinion, the best l.....
CSS Menus

Nautilus is a jQuery plug-in based on Google’s Doodle honoring Jules Verne (it was released on February 8, 2011). The letters of Google looked like hatches that allowed to see “under the sea”, and on the side the.....
Animation

With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow. Read the rest of this article to learn how it’s built.You can easily change the.....
Animation Web

This plugin allows you to animatedly sort a table based on a particular column. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ASCII or numeric and as.....
Animation Plugins Tables Web

Here is the new way to display quote using jQuery.Time for yet another jQuery quickie! These relatively simple jQuery tutorials will show you a simple, yet beautiful effect making use of jQuery. This way, you can learn and create .....
Animation Gallery Web

In this tutorial we’ll be building a cool navigation list complete with a sliding hover effect. Learn how to build the concept in Photoshop, lay out the basic HTML elements, style everything up in CSS then tie it all together wi.....
CSS Menus

In this tutorial we will create a simple jQuery animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container.....
Animation Forms

SlideShow using javascript and css . .....
SlideShow

Based on Dribbble shot : https://dribbble.com/shots/1792443-Google-Calendar-Animated-Icon .....
Calendar

Pure CSS calendar flip animated icon. Based on animaticons.co. .....
Calendar

SVG calendar with animated header and clickable days .....
Calendar

A css map marker with animations on a google map. Dependencies / Credits jQuery Google Maps dynamics.js | Michaël Villar .....
Google Map

Custom Google Map with a custom style, custom Infobox, custom Zoom Control, custom Markers and custom Marker animations. .....
Google Map

Simulates a rotation animation on a google maps marker that is moving along a polyline built from the legs returned from a directionsService query. .....
Google Map

I wanted to try something new, so this is a simple animated Google Maps pin coded entirely in Jade and Sass. .....
Google Map

http://stackoverflow.com/q/39986679/6277151 .....
Google Map

Simple and cool configuration, simple color scheme change. .....
Pagination

A simple background image animation for a Hero section... .....
Animated Background

.....
Animated Background

Threw some animated backgrounds on some icomoon icons .....
Animated Background

Animated background gradient as seen on: http://m-goldstein.com/ Flat color scheme: https://color.adobe.com/Flat-Design-1-color-theme-7761505/ .....
Animated Background

Playing with transitions and backgrounds .....
Animated Background

.....
Animated Background

response to the question asked at http://stackoverflow.com/questions/17456935/how-to-create-a-button-with-a-css-animated-background .....
Animated Background

..blurred animating background using random()..forked from my previous pen http://codepen.io/unmeshpro/pen/BEFCy ..uses random() for most of the css.. .....
Animated Background

I haven't practiced Html5 canvas for a long time. So I created a simple animated background to remember me some of my " forgotten resources" .....
Animated Background

.....
Animated Background

.....
Animated Background