Lava-Lamp - A lightweight jQuery animating navigation plugin.

  •        102

Description: A jQuery animating navigation plugin. It creates a div that moves when you mouse over an element, giving it an elastic animation. Or download as ZIP.


jquery : >=1.7



Related Projects

magic - CSS3 Animations with special effects

  •    CSS

If you want to use magic animations in react, see react-magic repository. This is a sample code on hover with jQuery, first you include the class "magictime" and after your desired animation.

Morphext - A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate

  •    HTML

A jQuery plugin for creating text-based carousels, rotating small or large pieces of text one after the other, just like a slider does with images... This can be a great tool for displaying catch phrases, mission statements, tag lines, and so on. If you would like to achieve a similar effect with more flexibility (e.g. out animation) and with HTML objects rather than text phrases (e.g. unordered list items), please check out Morphist.


  •    CSS

A tiny set of CSS3 animations designed for your radio inputs. Include dist/css/boing/boing.min.css instead, if you want to use only the Boing animation, for example.


  •    Javascript

A tiny set of CSS3 animations meant for your checkbox inputs. Include dist/css/yo.min.css instead, if you want to use only the Yo animation, for example.

font-awesome-animation - Simple animations using FontAwesome and some CSS3.

  •    CSS

Simple animations using some CSS3 I found on the web. Best used on glyphicons like FontAwesome. See live demo.

jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery

  •    Javascript

jQuery Transit is a plugin for to help you do CSS transformations and transitions in jQuery.Refer to the jQuery Transit website for examples.

css-animations.js - A library to work with CSS3 keyframe animations from javascript

  •    Javascript

This library uses the CSS DOM API to access CSS3 keyframe animations, enabling you to do anything you want with them from javascript. You can add, modify, and remove individual keyframes from existing animations, in addition to creating and deleting animations themselves.

micron - a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

  •    CSS

Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods.


  •    Javascript

Responsive Nav is a tiny JavaScript plugin which weighs only 1.3kb minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions. Following the steps below you will be able to get the plugin up and running. If you notice any bugs, please post them to GitHub issues.

kissui.scrollanim - CSS3 scroll animation library

  •    CSS

This library is a part of Kissui project. You can also download and include files manually from the latest releases.

animsition - A simple and easy jQuery plugin for CSS animated page transitions.

  •    CSS

A simple and easy jQuery plugin for CSS animated page transitions.To contribute to animsition, clone this repo locally and commit your code. Please check that everything works before opening a pull-request.

gfx - CSS3 3D animation library

  •    Javascript

GFX is an 3D CSS3 animation library that extends jQuery with some useful functionality for programmatically creating CSS3 transitions. CSS3 transitions are superior to manual ones (using setTimeout) since they're hardware accelerated, something particularly noticeable on mobile devices. To see some demos, checkout GFX's site.

custombox - Modal window effects with transitions CSS3.

  •    TypeScript

Modal dialog effects with transitions CSS3. Optional legacy file for along for the older browsers.

Hover - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on

  •    CSS

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS. Hover.css can be used in a number of ways; either copy and paste the effect you'd like to use in your own stylesheet or reference the stylesheet. Then just add the class name of the effect to the element you'd like it applied to.

bounce.js - Create beautiful CSS3 powered animations in no time.

  •    CSS

Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on allows you to generate static keyframes that can be used without any extra JavaScript, but if you'd like your application to generate these on the fly, you can use the Bounce.js library. You can also view and download all releases from here.

compass-ceaser-easing - Penner equations for css3 transitions

  •    CSS

A compass extension based on ceasar css easing animation tool by @matthewlein This extension provides transitions based on the classic Penner equations from Flash and jQuery. The ceaser easing extension provides a sass function called ceaser. You use the function as a value for a transition or animation timing-function property. You pass what type of easing you would like to the function and it will apply the correct cubic-bezier transition timing function for you.

jQuery.Marquee - jQuery plugin to scroll the text like the old traditional marquee

  •    Javascript

A 5.56 KB (minified) jQuery plugin to scroll the text like the old traditional marquee. Note: people who been asking me how to use this plugin with content being loaded with Ajax, please read notes about this update.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.