Almost most of the UI components you use in your web applications as a collection.
There is a misleading word used in the industry. Let's say you need a image carousel.
You search in google and find out one which fits your needs & the name of it is jQuery Carousel you call it a jQuery plugin to your web application. It's not just jQuery, its a combination of HTML, CSS and JS.
It's just a UI Component Plugin which uses jQuery instead of raw javascript, and that's where the idea of creating a repo for UI components arise.
To answer 6 year old: It's a piece of the web layout.
- Forms
- Maps
- Images
- Audio
- Events
- Animation
- Tool Tip
- Loaders
- Time
- Notification
- Data Manipulation
- Data Visualization
- Navigation
- Presentation
-
######Select Box
- Select3 - Modular and light-weight selection library for jQuery and Zepto.js
- Select2 - Features which select API missing
- Chosen - Morden, Customizable, More user-friendly
- Editable Select list - Autosuggest, Custom input, Select exisiting
- ddSlick - Allows you to create a custom drop down with images and description.
- Selectize - hybrid of a textbox and
<select>box.
-
######Web Text Editors (WYSIWYG)
-
######Radio buttons/Check boxes:
- iCheck - Super customized & Flat radio and checkboxes
- Screw Default Buttons - Replace default button with custom images.
- iPhone Switch Style - Pretty smooth
-
######Date Picker:
- pickadate - Sexy date picker, Responsive.
-
######HTML5 Placeholder:
- jQuery-html5-placeholder-shim - Just include the js, your'e Done!
- Simple Placeholder - Lightweight. Required - jQuery.
- Cross Browser Placeholder - Require jQuery & Modernizer.
-
######Validation:
- Parsley.js - Validate your forms, frontend, without writting a single line of javascript!
- Validate.js - Lightweight JavaScript form validation library inspired by CodeIgniter.
- Validate Jquery - Form validation with jQuery
- jQuery Credit Card Validator - Detects and validates credit card numbers
- Smart Validate - Credit Card Validator - It ensures that user has entered valid credit card number before making actual transaction
- Mail Check - Email domain spelling suggester
- mailcheck.js - Reduce user-misspelled email addresses in your forms.
-
######File Upload:
- jQuery File Upload - Multiple file selection, Drag & Drop support, Progress bars, Preview images & Works with most of the server-side platform.
- Uploadify - HTML5 or Flash multiple file upload jQuery plugin script.
- Dropzone - DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.
-
######Modal Boxes:
- Avgrund Modal - It uses interesting concept showing depth between popup and page.
-
######Misc:
- Enhance your Forms - 50 Useful jQuery Plugins
- Complexify - Gauge the quality of a user's password to give them visual feedback
- Sisyphus.js - Auto save user input in your form
- Ideal Forms - Ideal Forms is the ultimate framework for building and validating responsive HTML5 forms.
- Form Accordion - A jQuery plugin for easily hiding and revealing related form fields conditionally.
- Super Labels - Creates labels for input & slide across the field when gaining focus and fade out when a value is entered
- Progression.js - real time hints & progress updates as user complete forms
- leaflet.js - An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps
- jvectormap - Interactive vector world map
- gmaps.js - Google maps api with less pain and more fun
- planetaryjs - Awesome interactive globes for the web
- openlayers3 - Mapping library that supports different projections
- layzr.js - A small, fast, modern, and dependency-free library for lazy loading images.
- ImageLoader.js - Preload Images
- imagesloaded - ImagesLoaded
- Videojs - Open source HTML5 video player
- MediaElement.js - HTML5 Video & Audio player for all browsers with same UI. Includes the Flash fallback for IE7+
- Plyr - A simple HTML5 media player with custom controls and WebVTT captions
- Fitvid - Responsive videos
- blip - Web Audio API wrapper
- howler - Audio library
- soundjs - Audio library + simple interface
- SoundCite - Inline audio player
- jQuery Outside Events - clickoutside, dbclickoutside, etc.,
- KeyPress - A robust Javascript library for capturing keyboard input
- BonsoiJS - A Graphics library with intuitive graphics API and SVG renderer.
- liffect - LI -> List animations
- jQuery Transit - Super-smooth CSS3 transformations and transitions for jQuery
- Slider
- Basic Slider - Simple to use, simple to theme, simple to customize
- Tooltipster - enables you to easily create clean, HTML5 validated tooltips.
- tipsy - Black Bg tooltips effect based on an anchor tag's title attribute.
- Hovercard - display related information with the hovered label, link, or any html element of your choice.
- Tipped - Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips.
- Toolbar.Js - A jQuery plugin that creates tooltip style toolbars
- Percentage Loader - jQuery plugin for displaying progress in a visual and engaging way
- Hook.js - Pull to refresh. For the web.
- Pace - Automatic page loading progress bar (Youtube loading bar clone)
- Moment.js - Javascript date library for parsing, validating, manipulating, and formatting dates.
- Countdown.js - JavaScript API for producing an accurate, intuitive description of the timespan between two Date instances
- Smart Time Ago - jQuery library to update the relative timestamps in your document intelligently.
- timeago - Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps
- favico.js - Make a use of your favicon with badges, images or videos
- Notificon - Favicon Notifications / Alerts
- Piecon - Pie charts in your favicon!
- String.js - JavaScript library for the browser or for Node.js that provides extra String methods
- Numeral.js - A javascript library for formatting and manipulating numbers.
- Money.js - JavaScript currency conversion library, done right - with no dependencies. Work seamlessly with data from the Open Exchange Rates API
- Accounting.js - JavaScript library for number, money and currency formatting, with optional excel-style column rendering (to line up symbols and decimals). It's lightweight, fully localisable and has zero dependencies.
- Formula.js - JavaScript implementation of most formula functions supported by Microsoft Excel 2013 and Google Spreadsheets
- Charts.js - Simple HTML5 Charts using the
<canvas>tag - Textures.js - SVG patterns for Data Visualization
- Drawingboard.js - Create a drawing board on web using this library
- Slideout.js - A touch slideout navigation menu for your mobile web apps.
- Navigation Sidebar with Toggle - Sidebar with toggle for bootstrap
- Reveal.js - A HTML presentation framework
- Impress.js - Presentation which uses the power of css to show different animation effects.
- Intro.js - Better introductions for websites and features with a step-by-step guide for your projects.
- Website Tour - Explain your users the functioning of your web application in an interactive way
Contribution would be of great help create a nice list of UI Components
- Fork the project
- Make your feature addition or bug fix
- Send pull request
Active Contributors
Watch the project to get notified on the new addition and updates!