Developer Resources, Web

10 Best jQuery Typography Plugins

jquery-typography-plugins-10

Good use of fonts make your design significantly better so it will communicate better with the user, this process need a good typeface.With the help of CSS and JavaScript, developers can really turn on the magic and create some outstanding, eye catching animations and typography effects for their websites.

In this post we are showcasing 10 best jQuery Typography Plugins for animating your text,

jQuery Typography Plugins

FitText

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

jquery-typography-plugins-1

[button url=”http://fittextjs.com/” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Blast.js

jquery-typography-plugins-2

[button url=”https://github.com/julianshapiro/blast” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Textillate.js

It’s a simple plugin for CSS3 text animations Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.

jquery-typography-plugins-3

[button url=”http://jschr.github.io/textillate/” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Lettering.js

A jQuery plugin for radical web typography.

jquery-typography-plugins-4

[button url=”http://letteringjs.com/” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Bacon

Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line. You can view a demo with a conveniently placed slice of juicy, delicious bacon below.

jquery-typography-plugins-5

[button url=”http://baconforme.com/” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

No Vacancy

jquery-typography-plugins-6

[button url=”http://chuckyglitch.twbbs.org/novacancy/” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Arctext.js

The main idea behind the Arctext plugin is to rotate letters with CSS3 transforms in order to place them along a curved path. The curve is always a segment of a circle (hence arc) for which the radius can be specified. The space and rotation for each letter will be calculated using that radius and the width of the text.

jquery-typography-plugins-7

[button url=”http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Flipping Text

jquery-typography-plugins-8

[button url=”https://github.com/peachananr/flipping_text” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Jumble

A jQuery plugin that jumbles up the colours of your text – and can animate them

jquery-typography-plugins-9

[button url=”https://github.com/vonKristoff/jumble” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Funny Text.js

jquery-typography-plugins-10

[button url=”https://github.com/alvarotrigo/funnyText.js” postid=”” style=”btn-default” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

You Might Also Like

Leave a Reply