30 jQuery Text Effect Plugins
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 !!
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.
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.
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.
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.
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.
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.
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
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.
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.
22. jQuery Text Rotator
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…
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.
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.