My favorites | Sign in
Project Home Downloads Wiki Issues Source
Project Information
Wiki pages


GwtQuery a.k.a. GQuery is a jQuery-like API written in GWT, which allows GWT to be used in progressive enhancement scenarios where perhaps GWT widgets are too heavyweight.

It can also be used to complement your normal GWT development giving you powerful tools which are not present in GWT-core: find and enhance your GWT widgets, promote dom elements to widgets, decouple UI parts, useful methods to access js functions and properties without writing jsni, Promises and much more.

GwtQuery is easy to learn for those using jQuery as they share the same api, aditionally gquery adds nice features like type-safe css, compile time optimisations, etc.

Currently, almost the jQuery API is written and all CSS3 selectors should be supported. If you found anything unsupported or not implemented yet, please open an issue.

GwtQuery in action

  • Enhance existing html by adding some nice effects using a syntax almost identical to jQuery:
  • import static*;
    public void onModuleLoad() {
      //Hide the text and set the width and append an h1 element
        .css("width", "400px")
        .prepend("<h1>GwtQuery Rocks !</h1>");
        //add a click handler on the button
        $("button").click(new Function(){
          public void f() {
            //display the text with effects and animate its background color
              .animate("backgroundColor: 'yellow'", 500)
              .animate("backgroundColor: '#fff'", 1500);

  • Watch this code in action in this page


If you want to learn more about what GwtQuery is, please read


GwtQuery supports a plugin system for extension of the core. Take a look to the gwt-query-plugin site to get them or to commit a new one.

Contributions welcomed!

- The GwtQuery Team

Powered by Google Project Hosting