Effects

68 articles

Lightweight jQuery plugin to Set Type/Text on a Circle – Circletype.js

Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle. You can use any font, adjust letter-spacing as usual with CSS, flip it around so it reads counter-clockwise instead. You can also Set the radius manually or let CircleType.js figure it out for you. It play well with FitText.js. And best of all, it works…

Flipload.js – Flipping HTML Elements to Show a Loading Indicator Easily

Flipload JS is a loading indicator jQuery plugin which creates an instance of Flipload of a given HTML Element. It provides an options object to customize an instance and it is compatible with Chrome, Firefox and Safari. [rss]Special Downloads[/rss][rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss][rss]Free Creative Resume Template[/rss][rss]Open Source Icons[/rss][rss]Free Minimal Wordpress Theme[/rss]

Pixi.js – Super Fast HTML5 2D Rendering Engine With Canvas Fallback

Pixi.JS is a super fast HTML5 2D rendering engine that uses webGL with canvas fallback. The aim of this project is to provide a fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of webGL. [rss]Special Downloads[/rss][rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss][rss]Free Creative Resume…

Swap out / Ainmate / Rotate Words Within Paragraphs – Simple Text Rotator

A lightweight jQuery plugin that will allow you to add a super simple rotating text to your website with little to no markup. Simple Text Rotator is extremely lightweight and simple to use. All you need is to include jQuery library, jquery.simple-text-rotator.js and simpletextrotator.css to your HTML documents and simply wrap the text you want to rotate with span class=”rotate”…

Flat Shadow jQuery Plugin

With the flat design trend on the rise at the moment, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45 angle below the horizontal axis and a gradient color close to the background shade can be applied. The Long shadow effect adds a great…

Mobile/Tablet-Friendly Parallax Effect: Parallax.js

Parallax.js is a lightweight solution for creating parallax effects. Parallax.js is a simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead. Simply create a list of elements giving each item that you want to move within your parallax scene…

Animated HTML Table Sorter jQuery Plugin

jQuery Animated Table Sorter is a simple html table sorter, with the added benefit of animating the sorting operation. It allows to sort content in a more exciting manner. The library has five ways of animating the sorting process. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss] [rss]Free Minimal Wordpress Theme[/rss]

Animated Loading Spinners And Bars: jQuery Waiting

When you are working on a website or an application, it is important to let your users know when you are processing something behind the scenes. jQuery Waiting is a jQuery plugin which offers animated loading spinners and bars to tell your users to have patience and wait. It generates spinners and loaders, without images and canvas. It uses standard, widely accepted CSS…

jQuery Plugin for SVG Path Animations: Lazy Line Painter

Lazy Line Painter is a free jQuery plugin for path animation using the Raphaël Library. Implementing this plugin is broken into two parts: Preparing your web-friendly data & Configuring lazy-line-painter.js To make this SVG path animation library work, you need to follow certain steps to prepare your SVG data. It offers number of useful attributes for configuring lazy-line-painter. [rss]Special Downloads[/rss]…