2017 Best JavaScript and CSS Open Source Library recommended! __java

Tutorialzine each month will be published a new month JS and CSS library. 2018 New Year's Day, the site to organize the 2017-year most popular and favorite users of some JS and CSS library, for everyone to learn and reference.

JavaScript Local repository Localforage

Transmission door: https://www.oschina.net/p/localforage

Localforage is a JavaScript library that improves the application's offline experience by providing simple, localstorage-like APIs using asynchronous data storage, allowing developers to store multiple types of data.

CSS3-driven Animation scrolling library AOS

Transmission door: Http://www.oschina.net/p/animate-on-scoll

The AOS (Animate on scroll) is a small animation scrolling library that adds animation to an element when the page scrolls. CSS3 Drive, the effect is similar to WOWJS.

Responsive message Identification Language MJML

Transmission door: HTTPS://WWW.OSCHINA.NET/P/MJML

MJML is an identity language used to reduce the complexity of writing responsive messages. Its semantic syntax is much simpler and more intuitive when it shows rich message content. The project provides an open-source engine for converting the MJML identity language into HTML.

Browser-based Code editor Monaco-editor

Transmission door: Http://www.oschina.net/p/monaco-editor

Monaco Editor is a Microsoft Open-source Code Editor based on the VS code, running in a browser environment. The editor provides code hints, smart recommendations, and more. More convenient for developers to write code remotely.

Web Virtual Reality Framework A-frame

Transmission door: http://www.oschina.net/p/a-frame

A-frame is the Mozilla open source Web virtual reality Experience (WEBVR) framework that can be used on desktops, iphones (soon to support Android), and Oculus Rift. A-frame makes it easier to create a WEBVR experience.

Web front-end UI Frame Bootstrap 4

Transmission door: http://www.oschina.net/p/bootstrap

Bootstrap 4 brings many changes and new features, including Flexbox grid systems, new and redefined components, and faster ES6 JavaScript plug-ins. Another cool new feature is the automatic layout mode. It allows developers to ignore the size of a column and automatically allocate space in that row.

Front-End Code formatting tool prettier

Transmission door: Http://www.oschina.net/p/prettier

Prettier is a spontaneous JavaScript formatter that is inspired by advanced support for language features from ES2017,JSX and flow. It removes all the original formatting and ensures that all output JavaScript conforms to a consistent style.

GPU-Accelerated JavaScript gpu.js

Transmission door: http://gpu.rocks/

A library that is used to run browser JavaScript code on the GPU. With Gpu.js, you can perform complex computations more quickly by compiling specially written JS into a shader language that can be run on the GPU by WebGL. If WebGL is unavailable, the function will fall back to normal JavaScript.

HTTP Client R2

Transmission door: HTTPS://GITHUB.COM/MIKEAL/R2

This is a more lightweight HTTP client solution that builds on the browser's native Fetch API and provides optimizations for Node.js.

Control Headless Chrome Node.js Api:puppeteer

Transmission door: Http://www.oschina.net/p/puppeteer-nodejs

Puppeteer is a node.js API that controls headless Chrome. It is a node.js library that provides an advanced 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

Transmission door: Http://www.oschina.net/p/push-js

Push.js is a cross-browser javascript desktop notification plugin. This notification API allows for use in today's popular browsers, such as Chrome, Safari, Firefox, and IE 9+. You can push a notification to the user's desktop. If the user's browser does not support this new API, it rolls back to the old implementation.

Modular drag-and-drop library draggable

Transmission door: https://shopify.github.io/draggable/

Draggable is a simple and easy-to-use modular drag-and-drop library. It provides excellent drag-and-drop functionality, fast DOM reordering, clean APIs, and accessible markup. Draggable comes with additional modules that can add more features such as sorting, swapping, and other utilities.

Small Vanilla JS Project card