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
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 |
Awesome ‘Vanilla’ Javascript / Components / Carousel | |||
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.) |