Top 101 Ajax/JavaScript/DHTML Demos No One Should Miss
Subscribe to the 
RSS Feed or by Email and receive free daily updates
JavaScript/Ajax libraries and RIA applications are springing up everywhere. I love to go through the demo pages of these applications and libraries. Here is a collection of demos from some of the best Ajax/JavaScript/DHTML library sites:
mootools
A compact, modular, object-oriented JavaScript Framework.
Some demos from their suite of demos:
- Accordion
- Ajax
- Ajax.Advanced
- Ajax.Form
- Asset.css
- Asset.images
- Chain
- Chain.Periodical
- DomReadyVS.Load
- Drag.Absolutely
- Drag.Cart
- DragDrop
- Element.Event
- Fx.Elements
- Fx.Morph
- Fx.Scroll
- Fx.Slide
- Fx.Styles
- Fx.Transitions
- Group
- Hash.Cookie
- Json.Remote
- Mousewheel
- MousewheelCustom
- Periodical
- Resizable
- Scroller
- Slider
- Sortables
- Tips
script.aculo.us
It is one of most popular and best JavaScript library present out there. It is an add-on to the Prototype framework.
Here is a list of demos from their site:
Live demos
- Drag and Drop AJAX Shopping Cart
- Autocompleting AJAX text fields
- Autocompleting text fields – customized
- Sortable elements w/AJAX callback
- Combination Effects Demo
Sortables
Controls
AjaxAnywhere
AjaxAnywhere is a simple way to enhance an existing JSP/Struts/Spring/JSF application with AJAX.
Here is a collection of link to their demo pages:
- Getting started : Dependent lists with AjaxAnywhere
- Getting started : IE transition filters example with AjaxAnywhere
- AjaxAnywhere integration with MyFaces
- Choosing zones to reload (client-side implementation)
- AjaxFeedback - Push simulation with AjaxAnywhere
- Third party integration
Dojo: the javascript toolkit
Dojo is an Open Source DHTML toolkit written in JavaScript.
Demo collection:
Rico: JavaScript for Rich Internet Applications
Rico JavaScript library is dependent on Prototype.
Demo pages:
AJAX DEMOS
DRAG & DROP DEMOS
CINEMATIC DEMOS
BEHAVIOR DEMOS
Yahoo! User Interface Library (YUI)
YUI is a set of utilities and controls written in JavaScript and allows one to build Rich Interactive Applications.
Here is the list:
- AutoComplete
- Button Control
- Calendar
- Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog)
- DataTable
- Logger
- Menu
- Slider
- TabView
- TreeView
AJAX.NET
Michael Schwarz developed this AJAX library for ASP .NET long before Microsoft came up with their own version ASP .NET AJAX.
Some demos:
- Class Example
- DataType Example (new version available here)
- DataSets Example
- HtmlControls Example
- Collections Example
- Special Example
- OnLoading Example
- KeyPress Example (see auto complete demo)
- UserControls Example
ASP .NET AJAX
Release first under the name ATLAS, is a library of reusable components which allow you to create rich Ajax applications quickly.
Accordion
AlwaysVisibleControl
Animation
AutoComplete
Calendar
CascadingDropDown
CollapsiblePanel
ConfirmButton
DragPanel
DropDown
DropShadow
DynamicPopulate
FilteredTextBox
HoverMenu
ListSearch
MaskedEdit
ModalPopup
MutuallyExclusiveCheckBox
NoBot
NumericUpDown
PagingBulletedList
PasswordStrength
PopupControl
Rating
ReorderList
ResizableControl
RoundedCorners
Slider
SlideShow
Tabs
TextBoxWatermark
ToggleButton
UpdatePanelAnimation
ValidatorCallout
They even have a page where they showcase the apps which use their library:
http://www.asp.net/ajax/showcase/
Simple AJAX Toolkit (SAJAX)
Sajax is an open source tool to make programming websites using the Ajax framework. Sajax makes it easy to call PHP, Perl or Python functions from your webpages via JavaScript.
Some demos:
Multiplier: play with it
Oldschool “graffiti wall”: play with it
DHTML Goodies
This site is a comprehensive library of AJAX and DHTML goodies.
vegUI
It is a JavaScript AJAX Framework which has a collection of widgets to enable rapid development.
Demo page can be accessed here: http://demo.vegui.org/
Popularity: 6% [?]
Subscribe to the RSS Feed or by Email and receive free daily updates
Great stuff