#### Animation

#### Animate.css

A cross-browser library of CSS animations. Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

Example box for animation effect.

Click any of the buttons below to see the animation effect applied to the box on the left.

##

bounce flash pulse rubberBand shakeX shakeY headShake swing tada wobble jello heartBeat

##

bounceIn bounceInDown bounceInLeft bounceInRight bounceInUp

##

fadeIn fadeInDown fadeInLeft fadeInRight fadeInUp

##

fadeOut fadeOutDown fadeOutLeft fadeOutRight fadeOutUp

##

flip flipInX flipInY flipOutX flipOutY

##

lightSpeedInLeft lightSpeedInRight lightSpeedOutLeft lightSpeedOutRight

##

rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight

##

zoomIn zoomInDown zoomInLeft zoomInRight zoomInUp zoomOut zoomOutDown zoomOutLeft zoomOutRight zoomOutUp

##

slideInDown slideInLeft slideInRight slideInUp slideOutDown slideOutLeft slideOutRight slideOutUp

##

hinge jackInTheBox rollIn rollOut

##### Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

##### Select Theme

##### Default

##### Minimal

##### Modern

##### Material

##### SaaS

##### Flat

##### Galaxy

##### Retro

##### Neon

##### Pixel

##### Color Scheme

##### Light

##### Dark

##### System

##### Topbar Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Sidenav Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Image

##### Sidebar Size

##### Default

##### Compact

##### Condensed

##### On Hover

##### On Hover - Show

##### Offcanvas

##### Layout Width

##### Fluid

##### Boxed

##### Layout Direction

##### LTR

##### RTL

##### Layout Position

Fixed
Scrollable

##### Sidebar User Info