jQuery text effect plugins enable you to perform various animations and effects on web content like rotate, scroll, flip, highlight, color, drop cap, bounce and much more. In this article you will find some of the best jQuery text effect plugins by which you can perform various animations on text and make your websites look distinctive and visually stunning.
Read Also –
1. Per Word Action
5. Cool Text Effects
6. jQuery Webfonts
jQuery WebFonts extension adds font embedding capability to jquery using the WebFonts technology. The extension provides a flexible way to choose font from a font repository and apply on html elements.
TextFX is a jQuery text animation tool for animating a single line of text. It is built for easy usage, but also lends itself nicely to more advanced coders with it’s flexible script. TextFX uses jQuery version 1.10.2.
jQuery.mark is a jQuery plugin to highlight text with diacritics, synonyms, custom elements, custom class names, separate word search (multiple terms), filter selectors, word boundary and iframe support. Compatible with DataTable.
PullOuts allows to grab any piece of content from a web page and display it as a pullout widget. Whether it’s a block of text, images, shopping cart, login, search or subscription form, a video or any other content – you can make it a pullout.
Easy to use code generator will help you to set your widgets in seconds. Flexible settings: multiple triggers to active your pullouts, unlimited colors, hundreds of icons and dozens of animation effects will enhance your website and amaze your visitors.
11. jQuery TextFill
Flapper is a jQuery plugin that replicates the split-flap (or “Solari”) displays that used to be common in train stations and airports, and your dad’s alarm clock in the 70s.
These displays used a rotating stack of letters and numbers printed on hinged panels. As the stack rotated, a new symbol would fall into place. Flapper recreates this effect using CSS transformations.
13. jQuery Sinescroller
jquery.sinescroller.js is a jQuery scroll plugin which allows scrolling a line of text along a sine curve (i.e. make a wavy text scroller, with each letter following a sine and rotating accordingly).
This is an unusual and interesting way to present a scrolling text on the web and attract your visitors. Useful for all sorts of advertising messages, promotions, exclamation texts and banners. The string can be also be just statically laid out and not animated for an exciting header or a curious sidebar subtitle. It’s also possible to animate in place. The string will wiggle without actually scrolling.
14. Digital Write
A jQuery plugin for converting text emojis into image-based emoticons, also supporting an automatic media embedding system for multimedia URLs (earlier emoticons-js). You can embed google maps pointing to a location in all possible configurations like streetview, place etc.
18. Swap Countdown
Swap Counter is the web’s most advanced animated text counter plugin. It’s easy to setup, amazingly flexible and ships with beautiful animation presets. Whether you want to visualize visitor counts, count down to a date, show upload progress, social media followers, or donation status, Swap Counter has got your use case covered.
A jQuery plugin to create a cycling effect on selected text at some event. Attach the plugin to the element you want to trigger the cycling, specify the target text you want to produce the effect and include a conditional statement to ensure that cycling isn’t re-triggered while the effect is in progress.
20. Hover Effects
This hover pack allows you to add animation effects to images, when it hovered. Also you have ability to add text that will go over image and this text also can be animated. In this pack you can find 10 image animation effects and 10 animation effects for text, that goes over image. Also you can combine several text animation effects for one item.
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.
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
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 unique effects.
Wodry.js is a simple jQuery plugin for a text flipping/rotating written in CoffeeScript. It was inspired by the Adjector.js. Wodry.js does the same things but it has new features that allow you to set animation from animations collection, set your own callback on content flipping, etc.
funnyText.js is a jQuery plugin that creates animation for the letters inside a text moving them vertically or horizontally. Ideal for titles and you can configure colors, speed of movement, font size.