Learning jQuery

Text plays an important role in web design, well arranged and formatted text not only grab attention of visitors also provide an eye catching look to your web applications. There are myriad of plugins are available with which you can provide various animations and effects to your text.

For this roundup we have compiled a list of 12 jQuery Text Rotate Plugins, with these plugins you can easily rotate, curve and various other effects to your text and contents. If you are aware of some other plugins please let us know by posting a comment below.

1. Morphext

Morphext is a jQuery text rotator plugin for rotating a group of words/phrases of your text with cool CSS3 animations using animate.css.

2. jQuery Super Simple Text Rotator

Super Simple Text Rotator is a lightweight jQuery plugin that will allow you to add a simple rotating text to your website with little to no markup.

3. Quotes Rotator

An autoplay rotator for quotes (or any kind of content). An indicator above the content shows the progress. A blockquote with an image is used as an example. Also, an example media query shows how to resize the content for smaller screens.

4. Arctext.js

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

5. Rotator

Rotator is a lightweight and customizable jQuery plugin for rotating text and some words of your text with awesome CSS3 animations.

6. Textrotator

A very small jQuery plugin which provides a simple way to sequentially or randomly fade-in / fade-out a list of text at a certain interval.

7. jQuery Content Scroller

DZS Content Scroller is a solid, advanced, fully responsive jQuery plugin to scroll content. It can be a html content scroller, a banner rotator or even a image gallery due to the fact that it support inline content and it includes two viewing modes. The first one, is to automatically calculate how many elements fit in the container and then scroll them, and because it is responsive, it will auto adjust elements to your screen size.

8. Flippy

flippy is a jQuery plugin used to add a super simple rotating text to your webpage with an interesting text flip effect.

9. News Ticker

News Ticker is a simple jQuery plugin for creating a cross-browser news ticker widget with a simple fade-in text rotating effect. The plugin also provides some functions to control the news widget out of the box, like prev, next, play or pause.

10. Canvas Headings

With this jQuery plugin you can easily create cool looking headings for your pages! It comes with myriad of features such as image fill text animated and non animated, rotated text, 3d text, 3d shadows, distorted text, works with all fonts and many more.

11. Circle Type.js

Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle. You can use any font, adjust letter-spacing as usual with CSS, flip it around so it reads counter-clockwise instead. You can also Set the radius manually or let CircleType.js figure it out for you.

12. Words Rotator

WordsRotator is a jQuery plugin to easily add rotating words with CSS3 animation.