jQuery UI Development & Planning Wiki

Essential Controls List

Page history last edited by RonaldCramer 4 wks ago

ref. http://designingwebinterfaces.com/posts

Which controls are provided from jQuery UI?

Which controls are provided by a jQuery plugin?

UI - indicates a control provided by jQuery UI

Plugin - indicates a control provided by jQuery Plugin

01. Auto Recommend

planned for 1.next (based on http://jquery-ui.googlecode.com/svn/branches/dev/autocomplete/ ) UI
jQuery Autocomplete Plugin (url:http://jquery.bassistance.de/autocomplete/demo/) Plugin
Tag Suggest (url: http://remysharp.com/2007/12/28/jquery-tag-suggestion/) Plugin
FaceList (Autocomplete + tags) (url:http://www.iantearle.com/projects/facelist-2) Plugin
BlobList (Tags only) (url : http://deepliquid.com/content/BlobList.html ) Plugin
FCBKcomplete (Autocomplete + Tags) (url : http://www.emposha.com/javascript/jquerymultiselect.html ) Plugin

02. Carousel (variation as Cover Flow)

N/A UI
jquery.scrollable 1.0.2 (url:http://www.flowplayer.org/tools/scrollable.html) Plugin
jCarousel Lite (url:http://www.gmarwaha.com/jquery/jcarousellite/index.php) Plugin
jCarousel (url:http://sorgalla.com/projects/jcarousel/) Plugin
jQuery plugin - Easy Image or Content Slider (url:http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider) Plugin
Agile carousel (http://code.google.com/p/agile-carousel/) Plugin
Sliding featured content panels (http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/) Plugin

03. Charts & Graphs

N/A UI
Accessible progressive enhancement charts (url:http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/) Plugin
jqChart (url:http://www.reach1to1.com/sandbox/jquery/jqchart/) Plugin
Flot(url:http://code.google.com/p/flot/) Plugin

04. Collapsible Pane (accordion, disclosure triangles, slide drawer, expander, effects)

jQuery UI Accordion (url:http://jqueryui.com/demos/accordion) UI
Sliding collapsible panel (http://nettuts.com/javascript-ajax/build-a-top-panel-with-jquery) Plugin
Revealing photo slider description (http://css-tricks.com/revealing-photo-slider/) Plugin
Horizintal accordion (http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html) Plugin

05. Date Picker/Calendar (select range, date/time combination)

jQuery UI Datepicker (url:http://jqueryui.com/demos/datepicker) UI
jQuery date picker plug-in (url:http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/) Plugin
jQuery date picker (url:http://keith-wood.name/datepick.html) Plugin
jQuery date picker plug-in (url:http://www.eyecon.ro/datepicker/) Plugin
jQuery date range picker with shortcut menu (url:http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/) Plugin

06. Dialogs (modal, light weight, lightbox)

jQuery UI Dialog (url:http://jqueryui.com/demos/dialog) UI Plugin
Facebox (url:http://famspam.com/facebox) Plugin
FancyBox (url:http://fancy.klade.lv/) Plugin
FacyBox (url:http://bitbonsai.com/facybox/) Plugin
iBox v2 (a jQuery lightbox clone) (url:http://www.ibegin.com/labs/ibox/) Plugin
jqModal (url:http://dev.iceburg.net/jquery/jqModal/) Plugin
jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) (url:http://abeautifulsite.net/notebook/87) Plugin
lightBox (url:http://leandrovieira.com/projects/jquery/lightbox/) Plugin
nyroModal (url:http://nyromodal.nyrodev.com/) Plugin
prettyPhoto (a jQuery lightbox clone) (url:http://www.no-margin-for-errors.com/projects/prettyPhoto/auto) Plugin
SimpleModal (url:http://www.ericmmartin.com/simplemodal/) Plugin
Slimbox 2, the ultimate lightweight Lightbox clone for jQuery (url:http://www.digitalia.be/software/slimbox2/) Plugin
SWIP DOMWIndow (url:http://swip.codylindley.com/DOMWindowDemo.html) Plugin
ThickBox (url:http://jquery.com/demo/thickbox/) Plugin

07. Docking (pinned/unpinned, floating palette)

This is not the dock like Mac OS

Floating, collapsible containers - http://www.open-lab.com/mb.ideas/index.html#mbContainer Plugin

08. Drag & Drop Manager

jQuery UI Draggable and Droppable (url:http://jqueryui.com/demos/draggable and url:http:// .com/demos/droppable ) UI

09. Dynamic Filter (live filter, live search)

liveSearch ( ejohn.org/apps/livesearch/ Proof of Concept )
quicksearch (http://rikrikrik.com/jquery/quicksearch/) Plugin

10. Feedback / Status

humanmsg ( http://code.google.com/p/humanmsg/ ) Plugin
jQuery Growl ( http://projects.zoulcreations.com/jquery/growl/ ) Plugin

11. Fisheye / Spotlight

jQuery Sky magnify (http://code.google.com/p/jquery-sky) Plugin

12. Gauge

jQuery cluetip plugin ( http://plugins.learningjquery.com/cluetip/ ) Plugin
Tooltip plugin ( http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ ) Plugin
Coda style help popups (http://jqueryfordesigners.com/coda-popup-bubbles/) Plugin
BeautyTips Demo (url:http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html) Plugin

14. Hot Keys

Hot Keys (url: http://code.google.com/p/js-hotkeys/) Plugin

15. Hover Action

16. Hover Detail

Amazon style summary overlay (http://nettuts.com/tutorials/javascript-ajax/create-an-amazoncom-books-widget-with-jquery-and-xml/) Plugin

17. Inline Edit

jEditable (url:http://plugins.jquery.com/project/jeditable) Plugin

18. Multi-select Combobox (like alternate List box UI or LivePipesUI "select multiple" component)

Search ahead list builder (http://www.emposha.com/javascript/jquery/jquerymultiselect.html) Plugin
fcbkListSelection (facebook friends selector like) (url : http://www.emposha.com/javascript/fcbklistselection-like-facebook-friends-selector.html ) Plugin

19. Progress Indicator / Loading

jQuery UI Progressbar (url:http://jqueryui.com/demos/progressbar) UI
JQuery Progress Bar 1.1 (url:http://t.wits.sg/2008/06/20/jquery-progress-bar-11/auto) Plugin

20. Rating

N/A UI
Star Rating Plugin (url:http://zensoftware.org/archives/483) Plugin
rating (url:http://plugins.learningjquery.com/half-star-rating/) Plugin
jQuery Star Rating Plugin v2.61 (url:http://www.fyneworks.com/jquery/star-rating/) Plugin

21. Record Locator / Paginator

N/A UI
jQuery Pagination Plugin (url:http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm) Plugin
Pagination jQuery Plugin (url:http://eric.garside.name/docs.html?p=pagination) Plugin

22. Slider

jQuery UI Slider (url:http://jqueryui.com/demos/slider) UI
Progressive enhancement sider with axis and tooltip (extends UI's core slider) (url:http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/) Plugin

23. Scoped Search (this is like iTunes or Vimeo.com)

24. Sparklines

jQuery Sparklines plugin (http://omnipotent.net/jquery.sparkline/) Plugin

25. Table / Data Grid (editable, scrolling, grouped, configurable)

In progress, slated for 1.next release UI
jquery grid plugin (url:http://www.trirand.com/blog/) Plugin
ingrid (url:http://reconstrukt.com/ingrid/) Plugin
Table Sorter 2 (url: http://tablesorter.com/docs/) Plugin
jqGrid (url: http://www.trirand.com/blog/) Plugin
tree table (http://blog.cubicphuse.nl/2008/11/12/jquery-treetable-2-0) Plugin
Animated Sortable Data Table jQuery plugin - jTPS (url:http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/) Plugin

26. Toolbar

Styling Buttons and Toolbars with the jQuery UI CSS Framework. - (url:http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/)

27. Vertical Browser

iPod style drilldown menu, slated for 1.next release of jQuery UI - http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu/ Plugin
jquery-column-navigation (url:http://code.google.com/p/jquery-column-navigation/) Plugin

28. View Toggle

Styling Buttons and Toolbars with the jQuery UI CSS Framework. - (http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/)

29. WYSIWYG Editor

N/A UI
jwysiwyg (url:http://code.google.com/p/jwysiwyg/) Plugin
markitup (url:http://markitup.jaysalvat.com/home/) Plugin
WYMEditor (url: http://www.wymeditor.org) Plugin

30. Zoom

>UI
JQZoom (url:http://www.mind-projects.it/projects/jqzoom/) Plugin
magnify (url:http://www.jnathanson.com/index.cfm?page=pages/jquery/magnify/magnify) Plugin

31. Layout Manager (resizable page grid)

UI/Layout - (url:http://layout.jquery-dev.net) Plugin

Comments (2)

I've got a couple of plugins that I've not released yet (one of them for an upcoming jQuery for Designers article): gmail type combination shortcuts and Apple style carousel (http://www.apple.com/getamac/ads) - do you want me to release the code early and put links here? Cool either way :-)

Remy, that would be great! I am sure people would love to start using these plugins.

You don't have permission to comment on this page.