Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-vanilla-js

Listing (awesome) plain—Vanilla—Javascript resources
https://github.com/davidhund/awesome-vanilla-js

Last synced: 6 days ago
JSON representation

  • Components

      • 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."

    • 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 `<select>` that makes styling easy and consistent.

    • 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."

    • Modals

      • Micro Modal - A lightweight, configurable and a11y-enabled modal.

    • Drag and drop

      • SortableJS - JavaScript library for reorderable drag-and-drop lists
      • SortableJS - JavaScript library for reorderable drag-and-drop lists

    • Accordion

    • ScrollSpy

      • Gumshoe - Update a nav list based on scroll position.

    • Switches

      • Simple Switch - Simple, accessible, performant implementation of the Switch UI element.

    • Table of Contents

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

    • Tabs

      • Tabby - Lightweight, accessible vanilla JS toggle tabs.
      • Vanilla JS Tabs - Vanilla JavaScript Tabs - simple and awesome.

    • 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

    • Tooltips

      • plainjs.com - Vanilla *Plugins* and *Functions*
      • youmightnotneedjquery.com - Vanilla JS snippets for common jQuery methods and functions. Shows IE compatibility.
      • Frend.co - Modest and dependency-free components. Built with web standards, compliant, keyboard navigable and properly interpreted by assistive technologies.
      • 140byt.es - A collection of *heavily minified* JS snippets. **Note:** These are more of a *coding challenge* and probably not the best resource for *production* code! Inspirational, sure!
      • The Vanilla JavaScript Toolkit - A growing collection of [code snippets](https://vanillajstoolkit.com/code-snippets), [helper functions](https://vanillajstoolkit.com/helpers), [polyfills](https://vanillajstoolkit.com/polyfills), [plugins](https://vanillajstoolkit.com/plugins), and [learning resources](https://vanillajstoolkit.com/resources), by [Chris&nbsp;Ferdinandi](https://gomakethings.com/).
      • 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.
      • HTML5 Cross Browser Polyfills - Not ‘Vanilla’ per se, but a neat list of HTML5 cross-browser polyfills, by the folks from [Modernizr](http://modernizr.com/)
      • NPM - Don't forget to search NPM when you ‘`require`’ a specific JS module! Looking for a ‘Vanilla-version’ of a plugin? Try searching Google or Github directly :)
      • youmightnotneedjqueryplugins.com - In addition to [youmightnotneedjquery.com](http://youmightnotneedjquery.com/) this is a list of commonly used plugins without dependencies.

  • Articles

  • Code

    • Tooltips

      • Bling.js - Paul Irish adds `$` (qSA) and `.on` in a few lines of goodness. Check comments for more (`Promise`, etc.)

  • Your turn!

Programming Languages
JavaScript 9 HTML 1 TypeScript 1
Categories
Components 19 Lists 9 Articles 6 Code 1 Your turn! 1
Sub Categories
Tooltips 19 Dropdowns 4 Carousel 3 Tabs 2 Drag and drop 2 Accordion 1 Switches 1 ScrollSpy 1 Table of Contents 1 Modals 1 File Uploaders 1
Keywords
vanilla-js 4 javascript 4 ui 2 vanilla-javascript 2 tabs 2 dropdown 2 no-dependencies 2 javascript-plugin 2 switch 1 sass 1 js 1 checkbox 1 scrolling 1 navigation 1 anchor-links 1 select 1 javascript-select 1 dropdown-menus 1 vanilla-javascript-carousel 1 slider 1 javascript-carousel 1 carousel 1 vanilla-javascript-accordion 1 accordion-widget 1 accordion 1 touch 1 sortable 1 sort 1 reordering 1 droppable 1 draggable 1 drag-drop 1 drag-and-drop 1 drag 1 tooltip 1 popup 1 popover 1 menu 1 combobox 1 vanilla-javascript-tabs 1 tabs-widget 1 javascript-tabs 1 toggle-tabs 1 toc 1 html-document 1 webpack 1 web-component 1 ui-components 1