dragula - :ok_hand: Drag and drop so simple it hurts

•    Javascript

---

Framework support includes vanilla JavaScript, Angular, and React.You can get it on npm.

front-end drag-and-drop vanilla drag-drop dragging component jquery jquery-plugin

horsey - :horse: Progressive and customizable autocomplete component

•    Javascript

---

Browser support includes every sane browser and IE7+.You can see a live demo here.

front-end vanilla es6 component autocomplete

rome - :calendar: Customizable date (and time) picker. Opt-in UI, no jQuery!

•    Javascript

---

Rome wasn't built in a day. Browser support includes every sane browser and IE7+.You can see a live demo here.

front-end vanilla calendar component

woofmark - :dog2: Barking up the DOM tree

•    Javascript

---

Barking up the DOM tree. A modular, progressive, and beautiful Markdown and HTML editor

front-end vanilla markdown markdown-editor

hyperHTML - A Fast & Light Virtual DOM Alternative

•    HTML

---

A Fast & Light Virtual DOM Alternative available for NodeJS and NativeScript too. This project exists thanks to all the people who contribute. [Contribute].

performance virtualdom alternative lightweight template-literals template vanilla js dom manipulation diff literals fast react virtual lit-html

vanilla - An OpenResty Lua MVC Web Framework

•    Perl

---

Vanilla is An OpenResty Lua MVC Web Framework.

vanilla vanilla-dev vanilla-openresty openresty mvc luajit lua-mvc

navigo - A simple vanilla JavaScript router with a fallback for older browsers

•    Javascript

---

A simple minimalistic JavaScript router with a fallback for older browsers. The constructor of the library accepts three argument - root, useHash and hash. The first one is the main URL of your application. If you call the constructor without parameters then Navigo figures out the root URL based on your routes. However, this proves to lead to bugs so I strongly recommend to set a root value.

router history vanilla hash

instantsearch.js - :zap: Lightning-fast search for your apps, by Algolia

•    Javascript

---

InstantSearch.js is a library for building blazing fast search-as-you-type search UIs with Algolia. To learn more about the library, follow the getting started guide or check how to add it to your own project.

instantsearch react vanilla search algolia widgets

interact

•    Javascript

---

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+). Visit http://interactjs.io/docs for the API documentation.

drag-and-drop inertia snap vanilla multi-touch interact.js draggable droppable drag drop resize touch gesture grid autoscroll svg

choo - :steam_locomotive::train: - sturdy 4kb frontend framework

•    Javascript

---

Want to see more examples? Check out the Choo handbook. We believe programming should be fun and light, not stern and stressful. It's cool to be cute; using serious words without explaining them doesn't make for better results - if anything it scares people off. We don't want to be scary, we want to be nice and fun, and then casually be the best choice around. Real casually.

choo dom ui unidirectional minimal interface modular vanilla client frontend framework composable tiny

filepond - 🌊 A flexible and fun JavaScript file upload library

•    Javascript

---

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. FilePond is compatible with a wide range of desktop and mobile browsers, the oldest explicitely supported browser is IE11, for best cross browser support add FilePond Polyfill and a Promises polyfill to your project.

file-upload drag-and-drop vanilla plugin filepond image-processing file upload drag drop browse paste image preview

cleave.js - Format input text content when you are typing...

•    Javascript

---

Cleave.js has a simple purpose: to help you format input text content automatically. The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text.

input credit-card input-mask creditcard telephone-number cleave html format form mask formatter filter vanilla react

insignia - 🔖 Customizable tag input. Progressive. No non-sense!

•    Javascript

---

Browser support includes every sane browser and IE7+.You can see a live demo here.

front-end vanilla es6 component autocomplete

simpleParallax - Simple and tiny JavaScript library which adds parallax animations on any images

•    Javascript

---

simpleParallax is a very simple and tiny Vanilla JS library which adds parallax animations on any images. Where it may be laborious to get results through other plugins, simpleParallax stands out for its ease and its visual rendering. The parallax effect is directly applied on image tags, there is no need to use background images. You can read one case study here.

parallax simple scroll image javacript easy fast light effect vanilla es6

autoComplete.js - Simple autocomplete pure vanilla Javascript library

•    Javascript

---

autoComplete.js is a simple pure vanilla Javascript library that's built for speed, high versatility and seamless integration with wide range of projects & systems.

autocomplete dropdown suggestions search autocomplete-search autocomplete-component autocompletion-engine autocomplete-functionality autocomplete-library suggestion-engine autocomplete-js auto-complete autosuggestion pure beautiful vanilla light lighting-fast slim modern easy library plugin

gibon - (master is not the latest release/published version) :1st_place_medal: Functional client-side JavaScript router in ~570 bytes, built on HTML5 History API

•    Javascript

---

You might also be interested in mitt - a 200 bytes event emitter, and hyperapp - build rich UI apps with 1kb.

ui router modern minimal routing functional html5 vanilla dom history pushstate push minimalist virtual-dom virtual

vinyl-source-stream - :cyclone: Use conventional text streams at the start of your gulp or vinyl pipelines

•    Javascript

---

Use conventional text streams at the start of your gulp or vinyl pipelines, making for nicer interoperability with the existing npm stream ecosystem.Take, for example, browserify. There are the gulp-browserify and gulpify plugins, which you can use in combination with gulp to get browserify working in your build. Unfortunately, these plugins come with additional overhead: an extra GitHub repository, npm module, maintainer, tests, semantics, etc. It's much simpler in this case to use the original module directly where you can, which is what vinyl-source-stream handles for you.

vinyl gulp gulpfriendly vanilla stream string text classic

vanilla-framework - From community websites to web applications, this CSS framework will help you achieve a consistent look and feel

•    CSS

---

Vanilla Framework is a simple extensible CSS framework, built using Sass and is designed to be used either directly or by using themes to extend or supplement its patterns. You can link to the latest build to add directly into your markup like so, by replacing the x values with the version number you wish to link.

sass css-framework css html vanilla-framework ubuntu vanilla framework scss mixin module

ca11y - A lightweight accessible dependency-free datepicker

•    Javascript

---

A lightweight accessible datepicker

a11y accessible calendar callendar cally date datepicker picker vanilla

slim-select - Slim vanilla javascript select dropdown

•    TypeScript

---

Slim vanilla javascript select dropdown

select search vanilla-javascript dropdown vanilla