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/)  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)

---

• 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

---

 

13. Help Tip / Quick Tip

---

• 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/)  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