Best jQuery Text Effect Plugins & Tutorials with Demo

    Responsive SVG Handwriting Font Animation Script

    Responsive SVG Handwriting Font Animation Script

    You can create easily SVG text with any font and animate it in your wordpress dashboard or directly in your PHP file.

    • Compatible with any browser, including Internet Explorer
    • Use your own font file. Any font can be used
    • Publish your animation anywhere with a few lines of PHP code.
    • Using presets.
    • Create stylish animations unlimited and publish in 5 minutes.

    IsoBlocks : Eye-candy Isometric Texts with jQuery & CSS3

    IsoBlocks : Eye-candy Isometric Texts with jQuery & CSS3

    IsoBlocks is an experimental library to create eye-candy isometric texts. It is written in coffeescript, uses CSS3 transforms for creating the cubes and CSS3 transitions for the animation.

    FlipPhone.js : jQuery plugin for Flipping letters

    FlipPhone.js : jQuery plugin for Flipping letters

    FlipPhone is a jQuery plugin for ‘flipping’ letters to numbers via CSS3 animations.

    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.