Awesome Lists

awesome-vanilla-js

by davidhund

awesome listpushed over 5 years ago

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
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/davidhund/awesome-vanilla-js/links.svg)](https://awesome.facts.dev/awesome/davidhund/awesome-vanilla-js)
HTML
<a href="https://awesome.facts.dev/awesome/davidhund/awesome-vanilla-js"><img src="https://awesome.facts.dev/shield/davidhund/awesome-vanilla-js/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/davidhund/awesome-vanilla-js/links.svg

What's in the list

36 links in 14 sections, with live GitHub stats.activeno commit in 2y

Components / Accordion

  • 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

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.)

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.