awesome-vanilla-js
by davidhund
Listing (awesome) plain—Vanilla—Javascript resources
AI summary
JS UI components
A curated list of vanilla JavaScript libraries and resources for various UI components and tasks
- stars
- 182
- forks
- 9
- watching
- 14
- awesome list
- 1
- entries
- 36
What's in the list
36 links in 14 sections, with live GitHub stats.activeno commit in 2y
Components / Accordion
Vanilla JS Accordion
Vanilla JavaScript accordion - accessible and super tiny
Components / Carousel
- SwiperJS
"The most modern mobile touch slider"
- Flickity
"Touch, responsive, flickable carousels"
Vanilla JS Carousel
"Tiny JavaScript carousel with all the features most of us will ever need."
Components / Drag and drop
- SortableJS
JavaScript library for reorderable drag-and-drop lists
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
Tiny JavaScript replacement for that makes styling easy and consistent
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."
Components / Modals
- Micro Modal
A lightweight, configurable and a11y-enabled modal
Components / ScrollSpy
Gumshoe
Update a nav list based on scroll position
Components / Switches
Simple Switch
Simple, accessible, performant implementation of the Switch UI element
Components / Table of Contents
- Tocbot
Generate a table of contents based on the heading structure of an html document
Components / Tabs
Tabby
Lightweight, accessible vanilla JS toggle tabs
Vanilla JS Tabs
Vanilla JavaScript Tabs - simple and awesome
Components / Tooltips
- TippyJS
"The complete tooltip, popover, dropdown, and menu solution for the web"
Vanilla JS Tooltip
Vanilla Javascript tooltip. Accepts plain text and fancy HTML
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
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 :)
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
Code
Buoy
A lightweight collection of helper methods for getting stuff done in native JavaScript
Min.js
A super tiny JavaScript library to execute simple DOM querying and hooking event listeners by
Bind.js
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.)
Nothing in this list matches your filter.
Featured in 1 awesome list
Each link jumps to the spot where the list mentions awesome-vanilla-js.