Learning jQuery

jQuery Text Effects plugins allow you to animate your content to make your websites beautiful and eye-catching. You can save your time with these plugins instead of fighting with messy CSS code to fix angle, shape for your text.

In this roundup we have compiled a list of 30 Best jQuery Text Effect Plugins that will help you to produce some spectacular animations for your websites and make your website content beautiful and visually stunning. So, let’s check out the following list. Enjoy !!

1. Lining.js

Lining.js is an easy to use javascript plugin offers you completeDOWN-TO-THE-LINE control for radical web typography.

2. t.js

t.js is a jQuery plugin to create Typewriter effect with nice features and html support.

3. Typer

Typer is a jQuery plugin for a slick typing effect. There are some option to customize plugin such as typeSpeed, typerInterval, typeDelay, etc.

4. Slab Text

slabText is a jQuery plugin for producing big, bold & responsive headlines. slabText splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.

5. Chaffle

Chaffle is a jquery plug-in that allows you to shuffle randomly character.

6. Wodry.js

Wodry.js is a simple jQuery plugin for a text flipping/rotating. Wodry.js allows you to set animation from animations collection, set your own callback on content flipping, etc.

7. Textilliate.js

Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unqiue effects.

8. Fontflex

fontFlex is a lightweight jQuery plugin for dynamically changing font sizes according to screen / browser width. Intended to be used with responsive or adaptive CSS layouts.

9. LetterFX

LetterFx is a a jQuery plugin to apply animated visual effects to text – letters, words & custom patterns. LetterFx works by temporarily injecting markup into the text of an $(“element”) and sequentially adding & removing transition-based CSS classes.

10. TextTailor.js

TextTailor.js is a jQuery plugin for responsive text to fill the height of the parent element or ellipse it when it doesn't fit.

11. Succinct

Succinct is a tiny jQuery plugin for truncating multiple lines of text. It shortens your text to a specified size, and then adds an ellipsis to the end. You can specify the elements that you would like to truncate as a selector, and then set the size parameter to the amount you would like to see.

12. TypeType

TypeType is a jQuery plugin that simulates a human typing. It can be combined with jQuery animations.

13. Circletype.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.

14. Morphext

Morphext is a simple jQuery rotating / carousel plugin for text phrases powered by Animate.css.

15. Jumble

A jQuery plugin that jumbles up the colours of your text headers, and can also animate them. Choose a colour range for the colours to be jumbled amongst, and set params for whether the shuffle is based on brightness or saturation hue.

16. CurvedText

CurvedText is a jQuery Plugin to align text on any curve. There are some different types of curved text can be created by using this plugin.

17. Textualizer

Textualizer is a lightweight (4kb minified) jQuery plugin for creating good looking effects on text. The plugin accepts any number of sentences (or words) and can rotate them smartly and beautiful. Once a sentence is about to rotate with the other one, the letters that will be re-used are kept and move to their new locations with several effects to choose from (fadeIn, slideLeft, slideTop).

18. Words Rotator

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

19. FitText

FitText is a simple yet very functional jQuery plugin for making sure a text fits into a defined element. It auto-updates the font-size in accordance with the width of an element wrapping it and guarantees a non-broken layout (because of the font size) even if the page is displayed from a mobile or desktop browser.

20. Lettering.js

Lettering.js is a jQuery plugin for radical web typography. Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. Lettering.js solves that: it’s a jQuery plugin to give you that control.

21. BigText

BigText jQuery plugin takes a single element and sizes the text inside of its child divs to fit the width of the parent element. Gives the text that lovely vertical alignment.

22. jQuery Text Rotator

A light weight jQuery plugin that will allow you to add a super simple rotating text to your website with little to no markup Created by Pete R., Founder of BucketListly.

23. funnyText.js

funnyText.js is a jQuery plugin that creates animation for the lettersinside a text moving them vertically or horizontally. Ideal for titles and you can configure colors, speed of movement, font size...

24. Readmore.js

Readmore.js is a lightweight jQuery plugin for collapsing and expanding long blocks of text with "Read more" and "Close" links.

25. WideText

WideText is responsive, lightweight solution for animating text for your websites and web applications.

26. Hatchshow

Hatchshow will automatically add a span to each line of text and scale the font size so each line ends up the same width.

27. Squishy

Squishy is a jQuery plugin that automatically resizes text to exactly fit the container with no extra work on your part. This plugin only works for a single line.

28. Arctext.js

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.

29. jQuery Burn

jQuery Burn is a jQuery plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. jQuery burn will scale appropriately to size the target text, however you must target the text itself. The effect can be somewhat CPU intensive, so use it sparingly.

30. jqIsoText

jqIsoText is a plugin for changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.