10 Interesting JavaScript and CSS Libraries for June 2019

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.

Draggable

Draggable is a lightweight, modular drag and drop library by Shopify. It offers advanced drag and drop functionality with fast DOM reordering, clean API and accessible markup. It comes with additional modules that can be included to add more features like sorting, swapping and other utilities.

Tornis

Cool JavaScript library that offers a new way to add event listeners to the browser. Tornis keeps track of viewport position, mouse movements and other data from the page, keeping them organized in a state object. You hook functions to that state, and they run every time the data changes.

PapaParse

Papa Parse is the fastest in-browser CSV parser for JavaScript. It has many powerful features such as handling large files. working with malformed input, reverse parsing, and much more, all while keeping a friendly, easy to use API.

Pixelmatch

The smallest, simplest and fastest JavaScript library for accurately comparing images pixel by pixel. Originally created to compare screenshots in tests, it works both in node and the browser and has no required dependencies.

Await Timeout

Tiny JavaScript library that provides a Promise-based API for setTimeout and clearTimeout. It makes it very easy to create asynchronous timeouts, which can be controlled via the awesome async / await keywords for clearer code.

Filepond

A JavaScript library that can upload anything you throw at it. It provides a great user experience for the user, and also does cool stuff under the hood like optimizing images for faster uploads. Only 21 KB gzipped, with adapters available for React, Vue, Angular and jQuery.

Embetty

A pair of tools that make it possible to embed remote content like tweets and video while keeping your privacy. It consists of an Embetty server that works as a proxy, and a frontend library that helps with the actual embedding of media into your page.

Material UI

An awesome collection of UI components that implement Google's Material Design. This tried and tested React framework recently got its v4.0 update, including lots of improved components and other utilities.

Monaco Editor

The engine behind the hugely popular VSCode editor. It has everything you'd expect out of a modern code editor - syntax highlighting for many languages, multiple cursors, keyboard shortcuts, code completion, and much more. Monaco is open-sourced so it can be used to power any project you have in mind.

Hat.sh

Hat.sh is a JavaScript based app that provides secure file encryption using the WebCrypto API. It's fast, secure and serverless, never uploading your files to the server. You can use it to quickly encrypt and decrypt any type of file in seconds, hassle-free.