Tutorialzine publishes new JS and CSS libraries every month. On the occasion of the 2018 New Year, this website has compiled some of the most popular and favorite JS and CSS libraries in 2017 for everyone to learn and reference.
JavaScript local repository localForage
localForage is a JavaScript library that enhances the offline experience of applications by using asynchronous data storage, providing a simple localStorage-like API, allowing developers to store multiple types of data.
CSS3 driven animation scroll library AOS
AOS (Animate on scroll) is a small animation scrolling library that can add animation effects to elements as the page scrolls. CSS3 driven, the effect is similar to WOWJS.
Responsive Mail Markup Language MJML
MJML is a markup language designed to reduce the complexity of writing responsive emails. Its semantic syntax is simpler and more intuitive when presenting rich email content. The project provides an open source engine for converting the MJML markup language to HTML.
Browser-based code editor Monaco-Editor
Monaco Editor is Microsoft's open source VS Code-based code editor that runs in a browser environment. The editor provides code hints, smart suggestions, and more. It is more convenient for developers to write code remotely.
Web Virtual Reality Framework A-Frame
A-Frame is Mozilla's open-source web-based virtual reality experience (WebVR) framework for desktop, iPhone (coming soon to Android), and Oculus Rift. A-Frame makes it easier to create WebVR experiences.
Web front-end UI framework Bootstrap 4
Bootstrap 4 brings many changes and new features, including a flexbox-based grid system, new and redefined components, and faster ES6 JavaScript plugins. Another cool new feature is Auto Layout Mode. It allows developers to ignore the size of the column and automatically allocate space in that row.
Front-end code formatting tool Prettier
Prettier is a spontaneous JavaScript formatter inspired by advanced support for language features from ES2017, JSX and Flow. It removes all raw formatting and ensures that all output JavaScript conforms to a consistent style.
GPU-accelerated JavaScript GPU.js
A library for running browser JavaScript code on the GPU. With GPU.js, you can perform complex computations faster by compiling specially written JS into a shader language that runs on the GPU via WebGL. If WebGL is not available, the function will fall back to regular JavaScript.
This is a more lightweight HTTP client solution built on top of the browser's native Fetch API and optimized for Node.js.
Node.js API to control headless Chrome: Puppeteer
Puppeteer is a Node.js API for controlling headless Chrome. It is a Node.js library that provides a high-level API to control headless Chrome via the DevTools protocol . It can also be configured to use full (non-headless) Chrome.
Cross-browser desktop notification plugin Push.js
Push.js, is a cross-browser Javascript desktop notification plugin. This notification API allows use on popular browsers like Chrome, Safari, Firefox, and IE 9+. A notification can be pushed to the user's desktop. If the user's browser does not support this new API, it will fall back to using the old implementation.
Modular drag and drop library Draggable
Draggable is a simple-to-use modular drag-and-drop library. It offers great drag and drop functionality, fast DOM reordering, clean API and accessible markup. Draggable comes with additional modules that can add more functionality like sorting, swapping and other utilities.
Card is a small vanilla JS project (with a jQuery version) that makes credit card forms more interesting.
Webpack is a module binder whose main purpose is to bind JavaScript files on the browser.
Machine Learning JavaScript Library DeepLearn.js
DeepLearn.js is an open source JavaScript library launched by Google that can be used for machine intelligence and accelerate WebGL. It runs completely in the browser, does not require installation, and does not require back-end processing.
Node.js CMS and web application platform KeystoneJS
KeystoneJS, a Node.js CMS and web application platform built on Express and MongoDB.
Creating Poppers in a Web Application: Popper.js
Popper.js is a library for creating Poppers in web applications.
JavaScript GraphQL Client Apollo Client
Apollo Client is a full-featured GraphQL client for React, Angular interactions. Allows you to easily fetch data and build UI components via GraphQL.
Cross-browser CSS3 animation library Animate.css
Animate.css is an interesting, cross-browser css3 animation library, with built-in many typical css3 animations, good compatibility and easy to use.