awesome-vanilla-js

JS UI components

A curated list of vanilla JavaScript libraries and resources for various UI components and tasks

Listing (awesome) plain—Vanilla—Javascript resources

GitHub

182 stars
14 watching
9 forks
last commit: over 3 years ago
Linked from 1 awesome list


Awesome ‘Vanilla’ Javascript / Components / Accordion

Vanilla JS Accordion 63 over 1 year ago Vanilla JavaScript accordion - accessible and super tiny
SwiperJS "The most modern mobile touch slider"
Flickity "Touch, responsive, flickable carousels"
Vanilla JS Carousel 92 over 1 year ago "Tiny JavaScript carousel with all the features most of us will ever need."

Awesome ‘Vanilla’ Javascript / Components / Drag and drop

SortableJS JavaScript library for reorderable drag-and-drop lists

Awesome ‘Vanilla’ Javascript / Components / Dropdowns

Slim Select Slim advanced select dropdown
tail.select A multiselect component with a lot of options
Choices A lightweight, configurable select box/text input plugin
Vanilla JS Dropdown 91 over 1 year ago Tiny JavaScript replacement for that makes styling easy and consistent

Awesome ‘Vanilla’ Javascript / Components / File Uploaders

Filepond "A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience."

Awesome ‘Vanilla’ Javascript / Components / Modals

Micro Modal A lightweight, configurable and a11y-enabled modal

Awesome ‘Vanilla’ Javascript / Components / ScrollSpy

Gumshoe 747 almost 2 years ago Update a nav list based on scroll position

Awesome ‘Vanilla’ Javascript / Components / Switches

Simple Switch 20 almost 2 years ago Simple, accessible, performant implementation of the Switch UI element

Awesome ‘Vanilla’ Javascript / Components / Table of Contents

Tocbot Generate a table of contents based on the heading structure of an html document

Awesome ‘Vanilla’ Javascript / Components / Tabs

Tabby 601 over 1 year ago Lightweight, accessible vanilla JS toggle tabs
Vanilla JS Tabs 62 7 months ago Vanilla JavaScript Tabs - simple and awesome

Awesome ‘Vanilla’ Javascript / Components / Tooltips

TippyJS "The complete tooltip, popover, dropdown, and menu solution for the web"
Vanilla JS Tooltip 29 over 7 years ago Vanilla Javascript tooltip. Accepts plain text and fancy HTML

Awesome ‘Vanilla’ Javascript / Lists

plainjs.com Vanilla and
youmightnotneedjquery.com Vanilla JS snippets for common jQuery methods and functions. Shows IE compatibility
youmightnotneedjqueryplugins.com In addition to this is a list of commonly used plugins without dependencies
The Vanilla JavaScript Toolkit A growing collection of , , , , and , by
Frend.co Modest and dependency-free components. Built with web standards, compliant, keyboard navigable and properly interpreted by assistive technologies
Microjs.com Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you
140byt.es A collection of JS snippets. These are more of a and probably not the best resource for code! Inspirational, sure!
HTML5 Cross Browser Polyfills 25,655 25 days ago Not ‘Vanilla’ per se, but a neat list of HTML5 cross-browser polyfills, by the folks from
NPM Search , or - Don't forget to search NPM when you ‘ ’ a specific JS module! Looking for a ‘Vanilla-version’ of a plugin? Try searching Google or Github directly :)

Awesome ‘Vanilla’ Javascript / Articles

“Ditching jQuery for Vanilla JS” Awesome write-up by of how he goes about writing vanilla JS. Full of tips and Vanilla equivalents of jQuery functions
“Essentials to learning JavaScript from a jQuery background” describes many native equivalents of jQuery methods and functions
“Uncovering the Native DOM API” ( ) covering the DOM API that libraries such as jQuery often ‘abstract away’ in their neat util functions
“Getting over jQuery” Nicolas Bevacqua again. This time outlining how we could go about creating our own little ‘microlibrary’
“The Basics of DOM Manipulation in Vanilla JavaScript” Sebastian Seitz gives you a crash course in DOM manipulation with vanilla JavaScript, abstracting the more verbose parts into a set of helper functions

Awesome ‘Vanilla’ Javascript / Code

Buoy 55 almost 9 years ago A lightweight collection of helper methods for getting stuff done in native JavaScript
Min.js 1,097 over 11 years ago A super tiny JavaScript library to execute simple DOM querying and hooking event listeners by
Bind.js 694 about 4 years ago Two way data binding for HTML and JavaScript (with node.js compatibility) with additional support for transforming data before it arrives in the DOM. By Remy Sharp
Bling.js Paul Irish adds (qSA) and in a few lines of goodness. Check comments for more ( , etc.)

Backlinks from these awesome lists:

More related projects: