JavaScript 文本特效库集合

jopen 10年前

下面列出了一些最优秀的JavaScript的文字效果库。

1. Dropcap.js

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
RippleButtons.js is a tiny standalone library for adding ripple animations to your website

9. WordCount.js

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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

JavaScript 文本特效库集合
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.