Blur effect is an object that can apply the blur effect to HTML page elements. It takes the identifier of a given page element and starts an animation effect that progressively alters CSS properties of that element that make it appear blurred. Different CSS properties may be altered depending on the capabilities of the current browser. The object can also execute an animation that reverts the blur effect of the element. There are versions of the object either based or not in the jQuery library.
Canvas Events is an object that can emulate mouse events on canvas elements. It extends the HTML 5 canvas context object for a given canvas element, and can register event handlers to be called when mouse events on the canvas element occur. Currently, it supports the events click, dblclick, mouseover, mouseout, mousemove, mouseup, and mousedown events.
Easy Chart is an object to display several types of charts in Canvas elements. It takes the values, labels, and colors of each point and renders the chart in canvas elements of a given size. Currently, it supports rendering charts of types: line, scatter, column, bar, and pie. The chart background color, grid color and spacing, error, and mouse event handlers are configurable parameters.
Gravity animates HTML page elements using the laws of physics. It uses the Box2DWeb library to animate given page elements so they move, rotate, and collide. The gravity acceleration and direction are configurable. Given callback functions may be invoked when objects collide. Objects' speed and rotation may be affected when the user drags them using the mouse pointer. Each page element can be made static or animated. Animated page elements may include the respective children elements. The elements' friction and density properties can also be configured.
Highlighter JS is an object that highlights words in HTML pages. It searches for words inside given HTML page elements and encloses them within HTML tags to make the words appear differently. The search can optionally be case sensitive. The enclosing tags may have configurable CSS styles or custom handlers for click, mouseover, and mouseout events.
Image Selector previews images defined in select input options. It can take as a parameter the identifier of a form select input element which has options set to the URLs of images to be picked by the user. The object can display the currently-selected image inside a preview page element. The object can also change the currently-selected image to move to the next, previous, first, last, or to any of the images in the list.