Animate.css Just-add-water CSS animations.

Basic Animations

Use a classes .animation-{name} to quickly add a animation.

Add the class animated to the element you want to animate. You may also want to include the class infinite for an infinite loop.


You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease:

View a video tutorial on how to use Animate.css with jQuery here.

$('#yourElement').addClass('animated bounceOutLeft');
Theme Customizer

Customize & Preview in Real Time

Navbar Options

Footer Options