, ,

30 jQuery Text Effect Plugins For Web Designers


jQuery Text Effects plugins allow you to animate your text to make your websites look more beautiful. Using jQuery Text Effects plugins you can save your time writing extra lines of codes to beautify text contents of your websites.

In this collection you can have a look at the list of 30 Best jQuery Text Effect Plugins which can help you to add some text animations on your websites and make your website’s content beautiful and visually stunning.

1. Lining.js

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

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

3. Typer

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

slab-text1
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
Chaffle is a jquery plug-in that allows you to shuffle randomly character.

6. Wodry.js

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

textilliate
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

jquery 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.

Also Read :  14 More HTML5 and CSS3 Cheat Sheets for Web Designers

9. LetterFX

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

texttailorjs
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
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
TypeType is a jQuery plugin that simulates a human typing. It can be combined with jQuery animations.

13. Circletype.js

circletypejs
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
Morphext is a simple jQuery rotating / carousel plugin for text phrases powered by Animate.css.

15. Jumble

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
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
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).

Also Read :  Collection of Best Bootstrap 3 Video Tutorials

18. Words Rotator

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

19. FitText

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
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
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

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

funnytextjs
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

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

25. WideText

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

26. Hatchshow

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

Also Read :  AngularJs Video Tutorials

29. jQuery Burn

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

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.