Best jQuery Text Effect Plugins & Tutorials with Demo

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.

Quickfit : jQuery plugin to Fit your Text

Quickfit : jQuery plugin to Fit your Text

jquery-quickfit-plugin is a quick and dirty solution to fit html text into its surrounding container.jQuery-quickfit is for you, if:

  • you want to resize multiple items in a short amount of time
  • you want good performance when you resize an item multiple times (e.g., on window resize)
  • you want to autofit a single line of text


Best jQuery websites design awards