Best jQuery Text Effect Plugins & Tutorials with Demo

    Scalem : jQuery plugin to make any Element Scalable

    January 8, 2015 | Plugins, Responsive, Text Effect
    Scalem : jQuery plugin to make any Element Scalable

    Scalem, short for scale elements or slang for scale ’em, is a light-weight responsive text jQuery plugin inspired by FlowType. Use it to “liquify” elements on your website so that they scale relative to the width of their parent element or, optionally, any element you specify (see Options below). Scalem is not just limited to text size—it can be used to scale any CSS style that takes a numeric unit such as px, em, or %.

    Read More Demo

    Splitchar.js : jQuery Plugin to Style Half Character

    January 4, 2015 | Plugins, Text Effect
    Splitchar.js : jQuery Plugin to Style Half Character

    Splitchar is an easy to use jQuery plugin that allows you to style half of a character.Style and design the first, second or both halves of a character.

    Read More Demo

    Rotating Words using CSS3 Animations

    January 3, 2015 | Animation, CSS2 / CSS3.0, Text Effect
    Rotating Words using CSS3 Animations

    In Modern Web Design, Typography plays a very important role in enhancing the looks of a website. For modular Web Design, selecting right effects is not an easy task. In today’s time, First Impression is the Last Impression. In this tutorial, we’ll create some different types of Animation Effects on rotating words in a sentence.

    Read More Demo

    Animated Headlines with CSS3

    December 20, 2014 | Animation, CSS2 / CSS3.0, Text Effect
    Animated Headlines with CSS3

    A collection of animated headlines, with interchangeable words that replace one another through CSS transitions.

    Read More Demo

    Animate Text with SVG Paths & CSS3

    December 2, 2014 | Animation, CSS2 / CSS3.0, SVG Tutorial, Text Effect
    Animate Text with SVG Paths & CSS3

    This technique allows you to animate the drawing of text via converting text to SVG paths.SVG path animation is a trending technique in web-design allowing designers to draw simple and elegant icons. Now, designers can easily apply SVG animations to text.

    Read More Demo

    JavaScript Type Rendering Mix

    November 29, 2014 | Core Java Script, Text Effect
    JavaScript Type Rendering Mix

    Apply CSS based on your browser’s text rendering engine.Type Rendering Mix detects your browser’s text rasterizer and antialiasing method by parsing the user agent string. It will then add two classes to your HTML element. One class will describe the text rasterizer and the other the antialiasing method it is using.

    Read More Demo

    Ellipsis plugin for jQuery

    November 12, 2014 | Plugins, Text Effect
    Ellipsis plugin for jQuery

    jQuery.ellipsis makes it possible to hide content using ellipsis (…) or some other markup. After that is clicked, it will show rest of the content.

    Read More Demo

    jQuery Typelink : Animated Writing Text Plugin

    November 7, 2014 | Animation, Plugins, Text Effect
    jQuery Typelink : Animated Writin Text Plugin

    jQuery plugin for animated writing, spiced with navigational features.

    Read More Demo

    Revrev.js : jQuery rev-rev-reverse Text effects Plugin

    November 4, 2014 | Plugins, Text Effect
    Revrev.js : jQuery rev-rev-reverse Text effects Plugin

    Revrev.js is a mostly pointless jQuery plugin that lets you style your text in some cool ways. like, you can flip the letters horizontally so that they rev-rev-reverse. and there are other things, too… random caps, random spacing, random colors, random heights!

    Read More Demo

    WordTypeErase : jQuery Text Animation plugin

    October 2, 2014 | Animation, Plugins, Text Effect
    WordTypeErase : jQuery Text Animation plugin

    This is a little text animation jQuery plugin that will type out a series of words one after the other, with it highlighting and erasing each word one at a time.

    Read More Demo