You are on page 1of 1

Library/ Framework/Toolkit

Backbase

Dojo X

Dojo Dijt

Ext JS

Flex

Google Web Toolkit

GWT on Ext

GWT Mosaic

IceFaces

JQuery Tools

JQuery UI

JQuery Plugins

MooTools Plugins

JxLib for MooTools

LivePipe

MochaUI for MooTools

OpenLaszlo

RichFaces

Scriptaculous plus Prototype SmartClient

Telerik ASP.Net

Telerik RadTools for SilverLight

Vaadin

YUI 2 and YUI 3

ZK

Auto Suggest/Auto Complete

suggestBox

AutoComplete

Flex Autocomplete

Lists and Menus: Suggest Box Widgets: Date Picker Misc: Date Picker Widgets: Date Picker

Components: Autocomplete

Autocomplete; Flexbox

AutoCompleter

Rich Input: suggestionBox Rich Input: Calendar

Ajax.Autocompleter

Combobox: Autocomplete

Combobox

Combobox w/ suggesting

Autocomplete (YUI2)

Autocomplete Combobox

Calendar/Scheduler Carousel/Coverflow

calendar deck (under Layout) Image Gallery and Sllideshow carousel

Components: Calendar Scrollable;

Charts, Graphs, Gauges

DojoX Charting

Charts

Charting; Data Visualization

Charts Showcase Layout: Accordion Layout; Panels; Tree

Components: Charts

Widgets: Datepicker: display FullCalendar; inline, icon trigger jQuery Infinite Carousel; jQuery UI Image Carousel; jCarousel Lite; jQuery Carousel; jQuery Coverflow; Just Another Carousel; mb.scrollable jqPlot; jQuery Google Charts; Google Charts Widgets: accordion jQuery Common Accordion; (mb)Extruder; jQuery UI.Layout; jQuery UI Togglebox; myAccordion; Accordion Simple Combo; Simple Chained Combobox Plugin; SexyCombo; jQuery Simple Multi-Select; jQuery UI Datepicker; datePicker; CalendarView; Dialog jQuery Plugin; jQDialog; SimpleModal; jDialogForms; jQuery UI.Layout

mooTools Events Calendar; calendar; mooGenda mooFlow; Simple 3D Carousel

Laszlo Calendar

Scal Carousel (via Prototype UI)

Databound Calendar; Calendars

Calendar

Calendar Coverflow

Dates

Calendar (YUI2) Carousel Control (YUI2)

Collapsible Panels

accordion,

AccordionContainer,

Layout Managers: Accordion UI Controls: Tree; Conainers: Lists and Menus: Stack Layout; Trees Accordion Panel, Tree

Trees; TreeTables

Layout Panels: Collapsible Panel; Components: Tree; Table: Expandable Table

Tabs

milkchart; copix3 mootools table to charts; Artness MooCSS Charts mochaUI; Accordions

Charting; FusionCharts (sold Chart: Types and Skinning separately) Panels; Content Area: Tree yes Components: Tabslider; Tree Rich Trees; Rich Output: Accordion 2.0, Collapsible Panel Bar, Panel Menu, Effects with Script.aculo.us Simple Toggle Panel, Toggle Panel Rich Selects: List Shuttle, Pick List; Rich Input: Combo Box, Components: Datepicker Window: Draggable yes Components: Windowpanel Rich Input: Calendar Rich Output: Modal Panel, Panel, Tab Panel Scal Prototype window Layout: Sections: Expand / Collapse, Resize Sections, Show and Hide; Effects: Animation: Tree Folders Forms: Form Controls: List Combobox, List - Select; Grids: Interaction: Multiple Select Calendars: Compact Calendar Layout: Windows; Control: Dialogs, Login Dialog Extending: Simple Portal; Drag & Drop: Drag Tiles (move) Drag & Drop Panelbar

Chart; Gauges

Charts (YUI2)

Data and Report: Chart

PanelBar; Expander

Accordions

YUI AccordionView widget

Panel

Combobox- Multiselect

ComboBox: Basic ComboBox; Forms: MultiSelect & ItemSelector calendar infoBox. modal Lightbox Dijit Dialog: basic, part of Forms Windows: Message Box

Data Entry Controls: ComboBox

Lists and Menus: List Box

Combobox

Widgets: Combobox

Interactions: selectable

MultipleSelect

SelectMultiple

Grid: Selecting

Selects

Date Picker- Date Range Dialog

Data Entry Controls: DateField, Date Chooser Containers: Panel

Widgets: Date Picker Popups

Misc: Date Picker Windows: MessageBox & Progress

Widgets: Date Picker Popups

Components: Calendar Layout Panels: Popup Panel Overlay;

Widgets: Datepicker Widgets: dialog

calendar; Vista-like Ajax Calendar mochaUI; Sexy Alert box;

Calendar: Datepicker Window

Calendar Window

Dates Windows

Calendar Control (YUI2) Layout Manager (YUI2)

part of Form Inputs Modal Dialog, Messagebox

Docking

Panels: Dock Panel

Drag & Drop Manager

User Interaction: Drag & Drop

part of Dojo Base

Dynamic Filtering

can use query filter on data feed

Drag and Drop; Trees: Drag and Drop Reordering, Multiple Trees ComboBox: ComboBox Templates; Forms: Custom Search Fields

part of Flex

Drag & Drop; Tree: Tree to Tree Drag & Drop, Grid Tree Drag & Drop

Layout & Panels: BoxLayout, BorderLayout, BorderLayout, GridLayout, Mixed, Panels part of GWT-Mosaic Components: Drag & Drop

yes

Dock

Docking

Interactions: draggable

Data Visualization: ElasticSearch

Lists & Tables: Live Table, Rich Listbox, Listbox Filter,

$.Event.Special.Drag; mb.ContainerPlus; DragNDrop; DataTables; jQuery Simple Filter; UI Table Filter; DropList Filter

part of MooTools

part of OpenLaszlo

Drag-Drop Support

Draggables Object,

part of RadControls for ASP.NET

DragAndDrop

Drag & Drop (YUI2)

Drag & Drop

Sortable Table

Data Iteration: Data Filter Slider, Table Filtering Ajax Support: Ajax Form

Data Binding: Adaptive Filter, Combobox: Filtering Live Filter

Combobox; GridView

DataTable Control (YUI2)

Feedback Fisheye/Spotlight Floating Footer Gantt Chart Growing Text Field Hot Keys Hover Actions Hover Detail

Miscellaneous: Spotlight UI Controls: ButtonBar part of DojoX charting similar- resizeType part of Dojo Base Accessibility: Key Feed Viewer add/remove class can expose actions onHover part of Flex Components: Menu Bar Scrollable; Charting; Data Visualization Text Input: Basic Text Forms: Growing Auto Growing Text Areas; $.elastic HotKeys Toolbar & Menu

MooTools Fisheye Dock Menu yes Layout: Windows: Footer Grid: Grouping: Grid Footers Chart: Types and Skinning Grow a Textarea; yes yes Tips; Window Growl; roar notifications in-line text edit; jQueryDatacontrol Rich Output: ToolTip Basics: Interaction: Hover / Tooltips; Forms: Details: Hovers Grids: Editing: Edit by Row, Edit by Cell, Modal Editing, Mass Update, Custom Editors Data Binding: Lists Effects: Animation: Zoom & Shrink Rich Misc: Virtual Earth, Google Map Rich Output: Tab Panel Tooltip Notifications Tooltip (YUI2) Rich Misc: Hot Key Basics: Interaction: Keyboard part of RadControls for Events ASP.NET KeyListener Chart

Fisheye MEnu

Layout Panels: Tooltip Panel Tooltips;

Inline Edit

cell editing

Inline Edit Box

Grids: Editable Grid, Row Editor Grid

Rich Input: Inplace Input, Inplace Select,

Ajax.InPlaceEditor

Grid: Insert/Update/Delete: Edit on double-click

GridView: Editors; TreeView: Node Editing

Inline Editing of the TreeView Labels (YUI2)

List-Advanced Magnify Mapping Multiple Document Interface (MDI)

Commands: moving

List Controls Effects: zoom Miscellaneous: Google Maps Mapping Maps Showcase Panels: Tab Panel, Layouts: Complex Layout; Tab Panels

Lists & Tables

Table;

jMover; Semantic List Scroller plugin Magnify Effect ReMooz

Data Iteration: Data List

Sortable Lists

Panels YUI-based Magnifier widget (YUI2+) Loading the Yahoo Maps Ajax API via YUI Loader TabView (YUI2)

Listbox

Components: Google Maps Layout & Panels: TabLayoutPanel, TabBar at Bottom; Building: Button Bars, Button Stacks, Layout Panels: Stacking Panel, Static Tabset, Dynamic Tabset; Tabs; Widgets: Tabs

MapBox; jMapping UI.Layout; Fly Tabs mochaUI; moo.rd; mooTabs; Tabs page loader yes Components: Tabs

Google Map Tabboxes

window management: window area, task bar, window

Tabs; Windows: Hello World, Containers: TabNavigator, Layout Window; Layout ViewStack Managers: Border Layout

Layout: Windows

Window: RadWindow and MDI

TabControl

Tabsheets

Portals Progress Indicator Rating Record Locator/ Pagination

Portal Miscellaneous: Progress Bar UI Controls: ProgressBar loadingMessage Rating ProgressBar Grids: Paging Flex Data Access: Data Mgmt Svcs: Paging Grids: Grid w/ Local Paging, Grid w/ Remote Paging; Combobox: Paging Combobox Lists & Tables: Paging ScrollTable2 Table: Data Paginator Misc: Progress Bar Components: Progress Bar, Connection Status,

Interactions: sortable: portlets

jQuery Portlet Framework loadBar; jProgressBar ProgressBar ProgressBar Rating

Ajax Misc: Ajax Portlet Rich Output: Progress Bar ProgressBar JS; Starbox; Data Iteration: Data Scroller Horinaja; Featured Content Slider;

Dock: Portal Page Upload: ProgressMonitoring ProgressBar

Drag & Drop: Portal Style Example (YUI3) ProgresBar (YUI2)

Table Layout Timer

Star Rating Plugin; Rating Control UI Overview; Pagination; jQuery MTMultiSelect Pagination plugin

GridView: Populating with Data

ProgressBar Control: Ratings (YUI2) Paginator (YUI2) Paging w/ Listbox; Paging w/ Grid; Paging w/ Tree

Rule Builder

part of Flex

Slider Scoped Search Sparklines Splitter

slider

part of Dojo Base and can use query filter on feed data for a data grid

Form Controls: Dijit slider

Miscellaneous: Slider Forms: Custom Search Fields

UI Controls: HSlider, VSlider Data Visualization: ElasticSearch Combobox: Live Search

Widgets: SlideBar Lists & Tables: Live Table, Rich Listbox, Listbox Filter, Actions: Actions I, Actions II Layout Panels: Split Pane Panel; Table: Resizable Columns Layout Panels: Stacking Panel, Static Tabset, Dynamic Tabset, Table; Scrollable;

Widgets: slider

jSlider; jQuery Slider; MopSlider Search Light; Live Search Sparklines jQuery UI.Layout

slider; Facebook sliders Select Box Factory

yes

Components: SliderThumb

Rich Input: Input Number Slider;

Slider

Grids: Sort & Filter: Filter, Advanced Filter, Nested Filter; Forms: Validation: Regular Expression Control: Slider

Grid: Grouping

Slider

Slider GridView: Filtering

Slider (YUI2)

Sliders

panelSet splitter

Split Container

Layout Managers: Border Layout

Containers: DividedBox, HDividedBox, VDividedBox

Panels: Horizontal Split Panel, Vertical Split Panel

Tabs/Content Slider

tabBox

Tabs; Grids: Sliding Pager, Progress Bar Pager part of Dojo base DataGrid and DojoX Grid

Containers: TabNavigator, ViewStack

Panels: Tab Panel

Table/Data Grid- Live Scroll (no paging), Hide/Show Columns, Resize, Rearrange, Inline Editing, Row Grouping (tree table) Tree- Advanced Toolbar

dataGrid. listGrid, treeGrid. cellEditing

Grids: Basic Array Grid, XML Trees and Grid Controls: Grid, Grouping, Grid Filtering DataGrid, AdvancedDataGrid, OLAP DataGrid Control Tree with onclick event Trees Toolbars and Menus: Basic Toolbar, Toolbar Overflow, Toolbar Button Groups, Miscellaneous: QuickTips Trees and Grid Controls: Tree Buttons: ToggleButtonBar, ButtonBar, TabBar Part of Flex

Tables

Layout: Basic Border Layout, Layout & Panels: Combined Layouts, Complex BorderLayout, Nested Layout BorderLayout, IFrames, Mixed, Forms: Form as Tab, Form Layout & Panels: with Tab; Tab Panels; TabLayoutPanel, TabBar at Bottom; Building: Button Bars, Button Stacks, Layouts: Table Layout; Grids; Lists & Tables: Listbox, Rich Forms: Form Grid Binding Listbox, SimpleTable, LiveTable, ScrollTable2; TreeTables; Listbox Binding; Tree Toolbar & Menu Trees; TreeTables Widgets: Toolbar, MenuBar; Actions part of GWT-Mosaic

mochaUI

Page Layout: Splitter; Splitter Integrated

yes

Layout: Nesting, User Sizing Splitter

Docking: Split Containers

Layouts: Split Panel

Resize Utility (YUI2)

Splitters

Widgets: Tabs

jQuery UI.Layout; mb.tabset; mochaUI; mooTabs; mooSlide; SlideItMoo

Tabs

Tabs

yes

Components: Tabs

Rich Output: Tab Panel

Tabs

Layout: Tabs

TabStrip

TabControl

Tabsheets

TabView (YUI2)

Tabboxes

jQgrid; jQuery Scrolltable; Flexigrid for jQuery

Sortable Table

Content Area: Grid

Components: Grid, GridColumn, GridText

tree (no drag and drop?) toolbar

Lists and Menus: Tree Lists and Menus: Menu Bar; Panels: Horizontal Panel, Vertical Panel

Components: Tree Components: Menu Bar

mb.menu; treeTable: SimpleTree; jsTree jQuery OfficeBar; ChiliToolbar mb.Tooltip; Tooltip Toolbox; clueTip Smooth Align; Flexify; jScrollPane iButton;

SlidingList mochaUI Toolbar; Menus: Menu Bar yes

Data Iteration: Column, Columns, Column Group, Data Grid, Data Table, Scrollable Data Table, Table Sorting Rich Trees Rich Output: Tool Bar

Grids; Data Binding: Lists: Datasource fields

Grid

GridView

Table (Grid)

DataTable (YUI2)

Grid: Sorting and Menu

Trees: Appearance Control: Toolstrips;

TreeView ToolBar

TreeView ToolBar

Trees

TreeView (YUI2)

Tree Toolbar and Toolbar button

Tooltips- w/custom formatting

balloon, toolTip

Dialog: tooltip

Misc: Tooltips

Layout Panels: Tooltip Panel Tooltips;

Tips; Window Growl; roar notifications

Window: HoverBox

Rich Output: ToolTip

CoolTips;

Vertical Browser View Toggle WYSIWYG/Rich Text Editor Zoom and Pan Transitions, Cinematic Effects www.DesigningWebInterfaces.com

RollingList

UI Controls: List, TileList

Lists and Menus: List Box

Trees; TreeTables; Listbox Binding

Components: Tree Effects: toggle

yes mooSwitch; iPhone Buttons: Button Sets Checkboxes Using mootools mooEditable

Components: List, ListItem, TextListItem

Basics: Interaction: Hover / Tooltips; Forms: Details: Hovers Grids; Trees

Tooltip

Common: Tooltips;

Container: Simple Tooltip Example (YUI2)

Tooltips and Popup

ListBox ToolBar Editor Buttons: Radio Buttons (YUI2) Texts: Label, Rich Text; Text Rich Text Editor (YUI2) Inputs: Rich Text Area

Listbox

part of Dojo Base,

Editor: Basic and Custom toolbar

UI Controls: RichTextEditor Effects: zoom move

Text Input: Rich Text

Components: Rich Text

titling (animated), show and , part of Dojo Base: fade, focus and blur, wipe, slide, combining, highlight

part of Ext JS

Effects

Other Features: Animation

part of GWT-Ext

part of GWT-Mosaic

Components: Effects

part of jQuery Tools

Effects;

jQRTE; Lightweight RTE/ WYSIWYG plugin for jQuery; jQuery ReditorminiZoomPan; jQPanView; gZoom jQuery Simple Transition; moo.rd

TextArea

Rich Input: Editor

Control: Buttons: Radio / Toolbar: Item Types Toggle Behavior Basics: HTML: Editing HTML Editor Chart: Zooming and Scrolling

WYSIWYG Editor

yes

Rich Misc: Effects

Core Effects; Effects.*

Effects: Animation

part of RadControls for ASP.NET

part of RadControls for Silverlight

part of Vaadin

Animation (YUI2/YUI3)

Ajax Push and Animation: Animations

You might also like