Create a ticking text intro animation for your typography with jQuery.With this plugin, you can use a markup to set the delay between each intro animation.
Best jQuery Text Effect Plugins & Tutorials with Demo
jQuery Handwriting Plugin
This is a javascript based tool that uses the canvas object to draw symbols. Each symbol is defined using multiple curves and each curve consists of start, end and control point. The tool comes with two sets of curves with limited number of symbols, but more symbols and more sets can be created and added to the tool in the future. The tool allows decoration of the curves with images defined by user. While the tool features more than 20 options to customize it can be used in a simple configuration.
Features:
- two sets of symbols The tool features two sets of symbols – one similar to Verdana font, and another one with more calligraphic look.
- 85 symbols in each set These are A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 . , ! ? ( ) [ ] ; : @ $ % & * = + – / ’ ” > <
- size of animated symbols Can be set using a scale parameter.
- size of line height
- color of text
- stroke width
- top/left offset
- text alignment
- curves speed drawing.
- Pen can use different image set by user. Pen ball must be in top/left corner of pen image. Pen can be hidden.
- images Images can be used in the animation and are managed with several parameters.
- stroke above image.
- pause
- replay.
- finish effect.
- overall speed.
- complete/
WordsRotator : A simple text elements rotator jQuery plugin
A simple text elements rotator jQuery plugin.You can include multiple CSS3 effects with Animate.css
Squiggle : Scribble out your content with jQuery Plugin
This jQuery plugin will generate a HTML5 Canvas made png to draw a ‘squiggle’ over your text, like a strike-through or underline.You can configure the plugin, with scribble thickness; colour; intensity or leave it in its auto state, which will callibrate itself to match your text’s CSS.
titlesequence.js : jQuery plugin for doing animated title sequences
This plugin simplifies the creation of animated title sequences in the style of opening titles or closing credits for a movie, or indeed any style you can achieve with HTML and CSS.
This plugin allows you to define a sequence of events to be played back in the selected container element. Typical events might include:
- adding text, images etc at particular x/y coordinates
- fading text in or out by animating opacity
- scrolling text up or down by animating the position
- wiping text in or out by animating the element width
