Input

Pattern: :focus   Definition: The :focus pseudo-class matches the element that has the focus (E.g., when an input field has the text-input cursor within it).   Examples: Style an input field when it has the focus input:focus { border: 2px dashed thistle; }

Ion.RangeSlider is an easily customizable jQuery range slider. It has flexible settings and can be completely altered with CSS.   Ion.RangeSlider - Features: Skin support. (3 skins included and PSD for skin creation) Any number of sliders at one page without conflicts and big performance problems Two slider types single (1 slider) and double (2 sliders) Support of negative and fractional values Ability to edit step Support of custom values diapason  Automatically generated grid Ability

jQuery URLive lets you easily create a live preview of any url base on its Open Graph properties and other details, similar to Facebook's post attachment.  It doesn't only work on a <textarea> or <input> it also works on <a> tag and any element with a URL on its content. It's pretty lightweight as data fetching is done asynchronously via AJAX. It also doesn't require any back-end or PHP file to crawl and get the data as it uses YQL to query and make request on other domains.  

Bootstrap Form Helpers is a collection of jQuery plugins to help you build better forms. The plugins can be used individually but some of them work together like Countries and States. The collection includes: A custom select element A slider A color picker A country picker A state picker A currency picker A phone input A number input A language picker A timezone picker A Google font picker A date picker A time picker A font picker A font size picker  

jQuery Autocomplete allows you to easily create autocomplete and autosuggest boxes for text input fields.   Built with focus on performance - results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.  

jQuery Upload File plugin provides multiple file uploads with progress bar. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.  

rangeslider.js is a simple, small and fast JavaScript/jQuery polyfill for the HTML5 <input type="range"> slider element.   rangeslider.js - Features: Touchscreen friendly Recalculates onresize so suitable for use within responsive designs Small and fast  

Iconpicker for Bootstrap is a simple icon picker.   It's very simple to use. You can have a beautiful icon picker by just adding role="iconpicker" to initialize the iconpicker. Like the following code:  <button class="btn btn-default" role="iconpicker"></button>          

DropzoneJS is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars. This means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX.   DropzoneJS - Features: Image thumbnail previews. Simply register the callback thumbnail(file, data) and display the image wherever you like Retina enabled Multiple files and synchronous uploads Progress updates Support for large files Complete theming. The look and feel of D

colpick is a simple Photoshop-style color picker jQuery plugin with RGB, HSB and HEX fields. Its interface is familiar for most users and it's also very lightweight loading to the browser.   colpick - Features: No images! Just a JS and a CSS file Very intuitive Photoshop-like interface Light and dark easy-to-customize CSS3 skins 28 KB total loaded by the browser Works and looks nice even on IE7 Extremely easy to implement