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 5 years ago
Linked from 1 awesome list


Awesome ‘Vanilla’ Javascript / Components / Accordion

Vanilla JS Accordion63over 3 years agoVanilla JavaScript accordion - accessible and super tiny
SwiperJS"The most modern mobile touch slider"
Flickity"Touch, responsive, flickable carousels"
Vanilla JS Carousel92over 3 years ago"Tiny JavaScript carousel with all the features most of us will ever need."

Awesome ‘Vanilla’ Javascript / Components / Drag and drop

SortableJSJavaScript library for reorderable drag-and-drop lists

Awesome ‘Vanilla’ Javascript / Components / Dropdowns

Slim SelectSlim advanced select dropdown
tail.selectA multiselect component with a lot of options
ChoicesA lightweight, configurable select box/text input plugin
Vanilla JS Dropdown91over 3 years agoTiny 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 ModalA lightweight, configurable and a11y-enabled modal

Awesome ‘Vanilla’ Javascript / Components / ScrollSpy

Gumshoe751almost 4 years agoUpdate a nav list based on scroll position

Awesome ‘Vanilla’ Javascript / Components / Switches

Simple Switch20over 3 years agoSimple, accessible, performant implementation of the Switch UI element

Awesome ‘Vanilla’ Javascript / Components / Table of Contents

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

Awesome ‘Vanilla’ Javascript / Components / Tabs

Tabby605about 3 years agoLightweight, accessible vanilla JS toggle tabs
Vanilla JS Tabs63over 2 years agoVanilla JavaScript Tabs - simple and awesome

Awesome ‘Vanilla’ Javascript / Components / Tooltips

TippyJS"The complete tooltip, popover, dropdown, and menu solution for the web"
Vanilla JS Tooltip29over 9 years agoVanilla Javascript tooltip. Accepts plain text and fancy HTML

Awesome ‘Vanilla’ Javascript / Lists

plainjs.comVanilla and
youmightnotneedjquery.comVanilla JS snippets for common jQuery methods and functions. Shows IE compatibility
youmightnotneedjqueryplugins.comIn addition to this is a list of commonly used plugins without dependencies
The Vanilla JavaScript ToolkitA growing collection of , , , , and , by
Frend.coModest and dependency-free components. Built with web standards, compliant, keyboard navigable and properly interpreted by assistive technologies
Microjs.comMicrojs.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.esA collection of JS snippets. These are more of a and probably not the best resource for code! Inspirational, sure!
HTML5 Cross Browser Polyfills25,671almost 2 years agoNot ‘Vanilla’ per se, but a neat list of HTML5 cross-browser polyfills, by the folks from
NPMSearch , 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

Buoy55over 10 years agoA lightweight collection of helper methods for getting stuff done in native JavaScript
Min.js1,096about 13 years agoA super tiny JavaScript library to execute simple DOM querying and hooking event listeners by
Bind.js694almost 6 years agoTwo 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.jsPaul Irish adds (qSA) and in a few lines of goodness. Check comments for more ( , etc.)

Backlinks from these awesome lists:

More related projects: