»
 
 

Gwt-Mootools

GWT-MooTools as you probably guessed is little wrapper around MooTools Fx.Tween and Fx.Morph classes. Works great but lacks some features currently.

Few examples

Fx.Morph to CSS selector:
// prepare morph instance
MorphFx fx = Moo.morph(base).
  duration(1000).
  unit("px").
  link("cancel").
  transition("sine:in:out").
  build();

// run animation
fx.start(".feedback.visible");
Fx.Morph using properties:
// prepare morph instance
MorphFx fx = Moo.morph(box).duration(1000).build();

// animate to given properties
fx.start().
  attr("width", 700).
  attr("height", 100).
  attr("font-size", 80).
  attr("background-color", "#ddd").
  build();
Fx.Tween with property:
// prepare tween effect for `color` property
TweenPropFx fx = Moo.tween(label, "color").duration(600).build();

// tween color from #999 to #444
fx.start("#999", "#444");
Fx.Tween:
// prepare tween for any property
TweenFx fx = Moo.tween(box).duration(1000).link("chain").transition("sine:in:out").build();

// animate (sequentially)
fx.start("width", 300);
fx.start("background-color", "#ddd");
fx.start("color", "#000");
fx.start("background-color", "#000");
fx.start("color", "#fff");
fx.start("width", 150);

Download

Installation

  • Put gwt-mootools-client-1.0-SNAPSHOT.jar in WEB-INF/lib
  • Add <inherits name="com.ampatspell.mootools.MooTools"/> to your gwt.xml
 
Internet Explorer 6
Are you serious?