Most used UI Components β of web applications. Curated/Most loved components for web development
MIT License
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 an 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, it's 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 arose.
To answer a 6 year old: it's a piece of the web layout.
You can use this repo as a reference to find different UI Components for your day-to-day web development.
Explore the categories a) Components and b) Components Helper.
Raise an issue to add your component to this repo.
Title | Description |
---|---|
Animated Content Tabs with CSS3 | Codrops |
CSS + HTML only accordion element | Codepen by Alex Bergin |
CSS Responsive Animated Accordion | Codepen by Chris Wright |
Bootstrap Accordion | Twitter Bootstrap |
jQuery UI Accordion | jQuery UI |
Multiple Nesting | A simple jQuery Accordion with unlimited nesting |
Title | Description |
---|---|
howler.js | Modern Web Audio Javascript Library |
SoundJS | Audio library + simple interface |
Blip | Web Audio API wrapper |
SoundCite | Inline audio player |
Title | Description |
---|---|
iCheck | Super customized & Flat radio and checkboxes |
Screw Default Buttons | Replace default button with custom images. |
iPhone Switch Style | Pretty smooth iPhone like switch |
Title | Description |
---|---|
date for humans | Date for Humans |
Timepicker | Adding a Timepicker to jQuery UI Datepicker |
Zebra_Datepicker | A lightweight datepicker jQuery plugin |
Title | Description |
---|---|
jQuery File Upload | Multiple file selection, Drag & Drop support, Progress bars, Preview images & Works with most server-side platforms. |
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. |
Title | Description |
---|---|
layzr.js | A small, fast, modern, and dependency-free library for lazy loading images. |
ImageLoader.js | Preload Images |
imagesloaded | ImagesLoaded |
Title | Description |
---|---|
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 |
Title | Description |
---|---|
Slideout.js | A touch slideout navigation menu for your mobile web apps. |
Navigation Sidebar with Toggle | Sidebar with toggle for bootstrap |
Title | Description |
---|---|
Selectivity | Modular and light-weight selection library for jQuery and Zepto.js |
Select2 | Features which select API missing |
Chosen | Modern, Customizable, More user-friendly |
ddSlick | Allows you to create a custom drop down with images and description. |
Selectize | hybrid of a textbox and <select> box. |
Title | Description |
---|---|
Tooltipster | enables you to easily create clean, HTML5 validated tooltips. |
tipsy | Facebook style - 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. |
Toolbar.Js | A jQuery plugin that creates tooltip style toolbars |
Tipped | Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips. |
Title | Description |
---|---|
Videojs | Open source HTML5 video player |
MediaElement.js | HTML5 Video & Audio player for all browsers with the same UI. Includes the Flash fallback for IE7+ |
Plyr | A simple HTML5 media player with custom controls and WebVTT captions |
Fitvid | Responsive videos |
BIDEO.JS | Fullscreen background videos |
Covervid | HTML5 video behave like a background cover image |
Coverr | Beautiful, free videos for your homepage |
Title | Description |
---|---|
CKEditor | Simple to use and can be modified in any way you want. |
Redactor | Limitless flexibility and extensibility, simple and super-efficient API and amazing user experience. |
<canvas>
tagContribution would be of great help to create a nice list of UI Components
Want to add your component to this page? Raise an issue in this repo, we will review and add it to the specific category.
Active Contributors
Watch the project to get notified of new additions and updates!