Morphext: jQuery Rotating Carousel-Style Plugin

Morphext is a simple jQuery rotating, carousel-style plugin for text phrases powered by Animate.css. It does for lettering what a slider does with images so that you can display key words or phrases such as mission statements, taglines or catch phrases on your website.

Morphext comes with a lot of different morphing styles so that you can display text in almost any way you can imagine. This set of text features includes:

  • Bounce
  • Flash
  • Pulse
  • Rubber Band
  • Shake
  • Swing
  • Tada
  • Wobble
  • Fades
  • Flips
  • Rotation
  • Zoom in and out
  • Speed in
  • Roll in

What’s nice about Morphext is it does all of this while maintaining the readability of the words. You get the best of both worlds with a neat animation and highly readable text.

Installation using Bower is pretty straightforward. Just add the CSS and JS to your code, note the phrases to apply effects to and trigger the plugin. There are a few options for you to think about, including animation, separation, speed and phrase completion. (If you are worried about making it work, the demo includes some nice examples of usage.)