JavaScript UI Components

JavaScript UI component for interacting with audio waveforms

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

typeahead.js is a fast and fully-featured autocomplete library

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

🌐 Turn any <input> into an address autocomplete

🔮 Fast and full-featured autocomplete library

Simple autocomplete pure vanilla Javascript library.

ES6 Native @mentions

Barcode generation library written in JavaScript that works in both the browser and on Node.js

Full-sized drag & drop event calendar in JavaScript

🍞📅A JavaScript calendar that has everything you need.

A browser based code editor

In-browser code editor (version 5, legacy)

Ace (Ajax.org Cloud9 Editor)

The Scripted code editor

A light-weight, customizable lightbox plugin for jQuery

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!

The No Hassle JavaScript Colorpicker

🎨 Modular color picker widget for JavaScript, with support for a bunch of color formats

A tiny color picker custom element for modern web apps (2.7 KB) 🎨

🗣️ Simple self-hosted node app for Disqus-like drop-in commenting on static websites

A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS

Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/

JavaScript Date Range, Date and Time Picker Component

lightweight, powerful javascript datetimepicker with no dependencies

JavaScript Date Range, Date and Time Picker Component

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

Adds a timepicker to jQueryUI Datepicker

🏪 One component to pick them all

JavaScript emoji picker. Any app, any framework.

jQuery File Download is a cross server platform compatible jQuery plugin that allows for an Ajax-like file download experience that isn’t normally possible using the web.

File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.

The next open source file uploader for web browsers 🐶

Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

🌊 A flexible and fun JavaScript file upload library

📁 JavaScript image uploader and editor, no backend required

jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.

JavaScript image viewer.

Full featured JavaScript image & video gallery. No dependencies

An open-source, web-based viewer for zoomable images, implemented in pure JavaScript.

Javascript panorama viewer based on Three.js

Javascript panorama viewer based on Three.js

Chocolat : the lightbox so cool horses use it 🐴

A simple, stunning, powerful jQuery gallery.

Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies.

Lightweight JavaScript image / video viewer. Supports Youtube, Vimeo, etc.

A simple, lightweight, no-dependencies JavaScript lightbox

A simple, lightweight, no-dependencies JavaScript lightbox

a modern photo / video gallery and lightbox [JS library]

Blazing fast & beautiful galleries built for the web

An accessible, open-source lightbox with no dependencies

A library to display an interactive editor for any graph-like data.

Format input text content when you are typing...

Input mask for React, Angular, Ember, Vue, & plain JavaScript

Input Mask plugin

vanilla javascript input mask

A web-based tool to view, edit, format, and validate JSON

🏩 Cascading grid layout plugin

💞 Filter & sort magical layouts

Infinite responsive, sortable, filterable and draggable layouts

WinBox is a modern HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source!

A multi window layout manager for webapps

Unopinionated utilities for resizeable split views

🍱 Gapless, draggable grid layouts

A simple, lightweight Javascript library for dynamic grid layouts.

😎 Pure JavaScript tool for making smart and high performance sticky sidebar.

A module used to arrange card elements including content infinitely on a grid layout.

Pass in box sizes and get back sizes and coordinates for a justified layout

Mason.js for creating a perfect grid with jQuery.

In-browser Markdown editor

🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

🍼 Plugin driven WYSIWYG markdown editor framework.

A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.

🍭 Wow, such a beautiful HTML5 music player

✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦

Simple javascript toast notifications

The world's most versatile desktop notifications framework 🌎

Highly customizable notification snackbars (toasts) that can be stacked on top of each other

👻 A minimalistic, responsive, vanilla JavaScript library to show toast notifications.

A simple, modern, browser notification system

Pure JavaScript library for better notification messages

framework-agnostic styled alert system for javascript

Lightweight JavaScript Notifications Library

PDF Reader in JavaScript

Display paginated content in the browser and generate print books using web technology

Lightweight, user-friendly onboarding tour library

Lightweight, user-friendly onboarding tour library

A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page

Guide your users through a tour of your app

Simple overlay instructions for your apps.

Quick and easy product tours with Twitter Bootstrap Popovers

jQuery feature tour plugin.

An interactive guide for web page elements using jQuery and CSS3

Create interactive guided product tours in minutes with the most non-technical friendly, lightweight and extendable library.

Automatically add a progress bar to your site.

Quill is a modern WYSIWYG editor built for compatibility and extensibility.

A completely customizable framework for building rich text editors. (Currently in beta.)

A block-style editor with clean JSON output

The headless editor framework for web artisans.

A rich text editor for everyday writing

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies

Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.

The ProseMirror WYSIWYM editor

A lightweight and amazing WYSIWYG JavaScript editor under 10kB

Mercury Editor: The Rails WYSIWYG editor that allows embedding full page editing capabilities directly inline.

Midgard Create, a generic web editing interface for any CMS

Simple rich text editor (contentEditable) for jQuery UI

Aloha Editor is a JavaScript content editing library

A toolkit for building WYSIWYG editors with Mobiledoc

WYSIWYG editor based on CKEditor with completely rewritten UI

A lightweight HTML and BBCode WYSIWYG editor

Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

Customizable, Extendable, and High-Performance JavaScript-Based Scrollbar Solution.

Minimalistic but perfect custom scrollbar plugin. Get more free components with Material Design for Bootstrap UI Kit (link below)

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

A vanilla JS customisable select box/text input plugin ⚡️

Most modern mobile touch slider with hardware accelerated transitions

Most modern mobile touch slider with hardware accelerated transitions

the last carousel you'll ever need

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.

Vanilla javascript slider for all purposes.

An awesome, fully responsive jQuery slider plugin

The HTML touch slider carousel with the most native feeling you will get.

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

www.embla-carousel.com — A lightweight carousel library with fluid motion and great swipe precision.

A fast, lightweight, dependency free, native scrolling carousel alternative!

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.

Rheostat is a www, mobile, and accessible slider component built with React

Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import plugins as needed, No more, no less.

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.

🖤 Create and share beautiful images of your source code

JavaScript syntax highlighter with language auto-detection and zero dependencies.

Lightweight, robust, elegant syntax highlighting.

📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs

JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡

Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.

The project has been migrated to @wolf-table/table https://github.com/wolf-table/table

The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

Tables plug-in for jQuery

Tiny vanilla JS plugin to display large data sets easily