2017 Best JavaScript and CSS Open Source Library recommended! __java

Source: Internet
Author: User
Tags flexbox grid

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.