JavaScript Text Effect Libraries

Looking for some JavaScript Text Effect Libraries for your arsenal and fed up experimenting with CSS for hours? Well you came to right place! We have listed some of the best JavaScript Text Effects Libraries that will allow you to style, animate, and edit your text without even messing with bunch of CSS code. So, without further ado, lets check out following text effect libraries . Enjoy !!

1. Dropcap.js

dropcapjs
Dropcap.js makes beautiful drop caps easy for the web. We tested dropcap.js on Windows (IE10+, Firefox, Chrome) and OSX (Firefox, Chrome, Safari).

2. Kerning.js

kerningjs
Kerning.js is a small single script, with no dependencies, that allows you to scale your web typography with real CSS rules automatically. Add it to your page, add some CSS rules, and your text will be instantly beautified.

3. Fitter Happier Text

Fitter-Happier-Text
Fitter Happier Text is a javascript library for performant and fully fluid heading inspired by FitText. Fitter Happier Text replaces each node with an SVG text node and sets the viewBox attribute based on its width and height.

4. Azexo Composer

azexo
Azexo Composer is JavaScript library for user friendly front-end content editing of HTML pages. It is based on jQuery, jQuery UI, Underscore and Bootstrap. Azexo Composer uses client JS for render of HTML to work faster and save server resources.

5. Countable .js

countablejs
Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a zero-dependency library and comes in at 1KB when minified and gzipped.

6. Blast.js

blastjs
Blast.js separates text in order to facilitate typographic manipulation. It has four delimiters built in: character, word, sentence, and element. Alternatively, Blast can match custom regular expressions and phrases. Blast's uses include typographic animation, juxtaposition,styling, search, and analysis.

7. Shine.js

shine-js
Shine.js is a library for pretty shadows. You can set dynamic light positions, Customizable shadows. And there is no library dependencies, AMD compatible. It works in browsers that support textShadow or boxShadow and auto-prefixes if necessary.

8. RippleButton.js

ripplebuttonjs
RippleButtons.js is a tiny standalone library for adding ripple animations to your website

9. WordCount.js

wordcountjs
WordCount.js is a client-side JS library that counts bytes, words, lines chars, and calculates the longest line of a file. This library utilized the HTML5 File API.

10. Knwl.js

knwljs
Find dates, times, emails, phone numbers, links, reading time, even the emotion of the text, or check if it's spam. Knwl.jsmakes it possible to scan through large amounts of text for data that may be of interest.

11. Zeroclipboard

zeroclipboard
The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface. The “Zero” signifies that the library is invisible and the user interface is left entirely up to you.

12. Type Rendering Mix

Type-Rendering-Mix
Type Rendering Mix is a tiny JavaScript library that allows to apply styles only when Core Text is used (iOS and OS X) in order to achieve a more consistent rendering while preserving the accuracy of sub-pixel antialiasing.

13. Textiliate.js

Textillatejs
Textillate.js is a simple plugin for CSS3 text animations. Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text.

14. Ocrad.js

ocrad
Ocrad.js is a simple OCR program that can scanned images of text back into text. It’s a pure JavaScript version of the Ocrad project, and comes in at roughly 1MB, with no big training dependencies.

15. Typeface.js

typefacejs
With typeface.js you can embed custom fonts in your web pages so you don’t have to render text to images, Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.