Best jQuery Text Effect Plugins & Tutorials with Demo

Unicoder.js : JavaScript library for Artistic Unicode Alphabets

Unicoder.js : JavaScript library for Artistic Unicode Alphabets

Unicoder.js is a small javascript library, which converts letters of a given text to some of the more artistic unicode alphabets.

Unicoder.js is a stand alone, vanilla javascript library, so usage is pretty straight forward. Its a matter of creating a new instance of Unicoder, and calling translate.

Rainbow.js : jQuery plugin for Creating Rainbow or Gradient Text

Rainbow.js : jQuery plugin for Creating Rainbow or Gradient Text

jQuery plugin to create rainbow or gradient text, optionally animated.

  • colors: an array of CSS color values
  • animate: boolean
  • animateInterval: # of ms between frames
  • pad: pad the color array with the last color so the gradient appears only once
  • pauseLength: # of ms to pause between iterations through the colors

Anchor3d : jQuery 3D Effect plugin for Links

Anchor3d : jQuery 3D Effect plugin for Links

jQuery plugin which change links to nice link with 3D effect.

CSS3 Hovers Effects for Links & Buttons

CSS3 Hovers Effects for Links & Buttons

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG and so on. Easily apply to your own elements, modify or just use for inspiration. Available Sass and LESS.

  • 45 unique effects
  • friendly mobile device
  • CSS3 animations
  • LESS/SCSS/SASS
  • Lightweight and flexible
  • Easy theme customization

letterer.js : Breaks HTML into individual Characters & Words

letterer.js : Breaks HTML into individual Characters & Words

Breaks HTML into individual characters, and words, without messing up the semantic structure.The script recursively runs over the initial DOM node’s children and breaks everything down. It’s pretty lightweight and does not require any 3rd party library. Note that a class is added to each letter in the break down process, so later it could be removed so cool CSS3 transition effects could be done.

textChaos : Abstract CSS3 Text Animations

textChaos : Abstract CSS3 Text Animations

textChaos allows you to easily add unique and abstract CSS3 text animations to your page. All animations are hardware accelerated and completely random – delivering a different animation experience for every visit.

  • Multiple instance support
  • Easy to setup
  • Lightweight
  • Custom Character Selection
  • Define Color Palettes
  • Set Random Speed Ranges
  • Set Font Size and Scaling Ranges
  • Define Random Rotation Angles
  • No Coding Skills Needed

jTableScroll : jQuery Fixed headers and footers Table

jTableScroll : jQuery Fixed headers and footers Table

A powerful jQuery extension that automates scrolling and fixed headers and footers.

By default it will size a table to it’s parent container, fix the position of the header and footer, add horizontal and vertical scrolling as needed, and resize reactively to window resize events.

Text Styles and Hover Effects with CSS3 & SVG

Text Styles and Hover Effects with CSS3 & SVG

A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas.

jQuery URL ColorUP in Textarea

jQuery URL ColorUP in Textarea

This jQuery plugin allows it to automatically highlight URLs in textareas like those on Twitter.

TextHoler.js : jQuery Image in Text effect Plugin

TextHoler.js : jQuery Image in Text effect Plugin

Use this jQuery plugin to make your text like a hole in the page.



Best jQuery websites design awards