Best jQuery Text Effect Plugins & Tutorials with Demo

    Webfonts : jQuery based Webfonts Library

    Webfonts : jQuery based Webfonts Library

    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.

    Features:

    • Flexible font repository. The extension can work with any font repository file system.
    • Provides many APIs to customize and extend.
    • Applies font based on the html lang attribute of the elements
    • Make sure the font defined using font-family style for any elements, either using inline css or external css’ available for the reader without any extra code.

    Typr.js : Process Fonts in Javascript

    Typr.js : Process Fonts in Javascript

    Typr.js is a font processor for JavaScript. It’s light, small, and ultra fast.Typr.js is a Javascript parser and utility for working with fonts (TTF, OTF). It is an alternative to opentype.js. It is the main text engine for Photopea image editor.

    • light and small (60 kB unminified uncompressed, 4x smaller than opentype.js)
    • ultra fast (2x to 5x faster parsing than opentype.js)
    • successfully parsed more than 2000 fonts (opentype.js had problems with many of them)
    • simple structure and easy to extend

    baffle.js : JavaScript library for Obfuscating & Revealing Text

    baffle.js : JavaScript library for Obfuscating & Revealing Text

    A tiny javascript library for obfuscating and revealing text in DOM elements.

    Typography.js : JavaScript Toolkit for Beautiful Typography

    Typography.js : JavaScript Toolkit for Beautiful Typography

    A powerful toolkit for building websites with beautiful typography.Typography.js provides a vastly simpler way to define and explore typography designs.

    You provide configuration to the Typography.js JS api and it uses its Typography engine to generate CSS for block and inline elements.

    Dropcap.js : CSS Drop Caps made easy with JS Library

    Dropcap.js : CSS Drop Caps made easy with JS Library

    Dropcap.js makes beautiful drop caps easy for the web.

    TypeWriting.js : JavaScript Library for Typewriter Effect

    TypeWriting.js : JavaScript Library for Typewriter Effect

    Typewriting js is a javascript library that make the typewriter effect.

    Visual Type Scale Calculator with jQuery

    Visual Type Scale Calculator with jQuery

    Type-scale is a visual type scale calculator.

    Long Shadow jQuery Plugin

    Long Shadow jQuery Plugin

    Easy Text-Shadow with Long Shadow jQuery Plugin.

    Highlight.js : Text highlighting plugin for jQuery

    Highlight.js : Text highlighting plugin for jQuery

    Highlight.js is a text highlighting plugin for jQuery.

    Creative SVG Letter Animations

    Creative SVG Letter Animations

    An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.