IT Mill Toolkit is an open-source framework, providing widgets and tools for the development of Rich Internet Applications (RIAs). Deliver web applications without worrying aboutincompatibilities of web browsers, DOM or JavaScript by using standard Java tools. 

• homepage
• demo
• download

LIVE PIPE UI

LivePipe UI is a suite of high quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework. Each control is well tested, highly extensible, fully documented and degrades gracefully for non JavaScript enabled browsers where possible.

• homepage
• demo
• download

iWebKIT

Iwebkit is the revolutionnairy kit used to create high quality iPhone and iPod touch websites in a few minutes. In the first 4 months of it’s existance the pack has greatly evolved from a basic idea to a project that has reached worldwide fame.

• homepage
• demo
• download

JITSU

Jitsu contains an integrated set of tools to enable developers to build and deploy sophisticated user interfaces for web applications. These include an Xml markup language, page compiler, data binding engine, JavaScript runtime, control library, runtime inspector, animation engine, cross-platform library, Ajax, and back button support. Jitsu apps use DHTML and run in most modern web browsers.

• homepage
• demo
• download

MochaUI

MochaUI is a web applications user interface library built on the Mootools JavaScript framework.

• homepage
• demo
• download

Echo Web Framework

Echo is an open-source framework for developing rich web applications. From the developer’s perspective, Echo behaves as a user interface toolkit–like Swing or Eclipse SWT. AJAX technology is employed to deliver a user experience to web clients that approaches that of desktop-based applications. Echo applications can be created entirely in server-side Java code using a component-oriented and event-driven API (applies to Echo2 and Echo3) or as client-side applications written in JavaScript (applies to Echo3 only).

• homepage
• demo
• download

The Yahoo! User Interface Library (YUI)

The YUI Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX.

• homepage
• demo
• download

1. Simple:

   You do not have to be an expert at PHP, HTML, JavaScript, and CSS to use the framework. You can do most, if not all, your coding in PHP, and the framework will generate HTML, CSS, and JavaScript for you. There are object for most of the HTML element, with method to manage common task, like updating the content of a Div or items in a forms Select pull down. A lot of the other frames include a simple example that is anything but simple. For my simple example I have been asked where the rest of the code is!

2. Develop how you want:

   the framework supports 3 different development models: i. the developer develops the whole application and interface in PHP, since the framework knows about HTML elements you want to interact with, i.e. there are objects for Select, Div, Table with instances with unique IDs; it is easy to have the framework generate simple html and CSS for you. ii. A designer generate a pretty but dump page, and you then hook events to it to make it a real application (see Last Binding of Event below) iii. You design an interface as a template (example Smarty), and have the framework make html, CSS, JavaScript that you pore into the template.

3. Event Driving:

   I would rather have events delivered to the back-end, and decide there what actions to take then to write a lot of JavaScript in the front-end. What happens after an event?:

   1. The front-end gather information about the state of the page
   2. The back-end see if there is an event handler registered for this event
   3. If there is a registered event handler, it is call with the information from step i.
   4. After processing data is return back, if any, to page for processing:

   When an event happens there are 3 action that can be taken:

   1. Preprocessor Action: example setting a spinning hour glass gif, to tell the use that something is happening.
   2. Post-processor Action: do something standard with the data that comes back, like update a div.
   3. Back-end delivers code to front-end: have the back-end tell the front-end what it want to do, or message the user.

4. Late Binding of Events:

   The pages HTML does not need to changed event and there logic (event handlers) are bound at run time. So your wed designer could delivery a pretty, but dump from, and without changes to the HTML you can make it into a AJAX enabled application. This make for simpler mark-up and an easier separation of design and code.

5. Object Oriented:

   There are not only objects for the Ajax plumbing, but for page elements that you are interacting with. The page element objects have method to make this interact easier to program.

homepage: http://www.wassons.org

projectpage: http://prdownloads.sourceforge.net/pajaj/

• Ajax Coding Examples
  • Clone of Apple Demo
• Ajax Widgets
  • Ajax Tabs
  • Ajax MiniCalenar
  • Table Loader
  • GoogleMaps
• Other Widgets
  • Css Bargraph
  • CssVMenu
• Example Styled Elements
  • Slidebar
  • TabPanel
  • Rounded Section
  • PhpCode
  • Drop Shadow
  • Octopus Container
  • Button Bars