15 個有趣的前端庫（September 2016）

👻 github 🚀 💚 🐳 還有許多其餘有趣的收集

📥 Dropzone

很是優秀的JavaScript上傳庫，能夠將任何HTML元素拖放到文件上傳區域。 功能包括圖片上傳的縮略圖預覽，支持多文件，進度跟蹤，支持大文件等。 高度可定製，沒有依賴。

github 🚀 💚 🐳 還有許多其餘使用有趣的收集

🚢React-MDL

Google的Material Design Lite（MDL）是最美觀的CSS框架之一。提供了大量的React組件。

😬Postmate

Postmate是Window.postMessage（）方法的包裝器，容許頁面在它們內部的iFrames。 提供了一個簡單的基於promise的API，開發人員能夠安全地訪問有關iFrame的各類數據，並從父頁面向其發送事件。

🐩 Particles

一個很是輕量級(2kb .js)和易於使用的庫建立動畫背景。 只有一個方法 - Particles.init（{options}）;取一個對象與大量的自定義。 有兩個動畫可用：單個粒子或鏈接的粒子造成美麗的星座。

💙 Recharts

基於React和D3之上的圖表庫。 能夠經過簡單的相似XML的語法建立，許多重要的選項直接設置爲屬性。 提供了豐富的示例目錄，包含50多個即用組件，包括各類Line，Bar，Pie和其餘類型的圖表。

☁️ Shepherd

文本氣泡庫，強調的HTML元素是突出顯示，文本氣泡彈出時包含標題，描述和對話框按鈕。

📺 Waud

Waud做爲一個2合1解決方案，容許您訪問JavaScript Web Audio API和HTML<audio > API。

🗻 Grade

Grade.js採用圖像中的兩個最主要的顏色，並使用它們建立優雅的漸變。 此效果可用於製做酷的圖像幀或設置與整個頁面匹配的背景。 該庫很是小，沒有任何依賴。

🌈 Rainyday

Rainyday是一個很小JavaScript庫，提供雨動畫功能。 Rainyday使用HTML 元素，它的API繪製一個逼真的玻璃狀表面與隨機雨滴向下滴。

🎑 CSSnano

在縮小樣式表時，CSSnano不會簡單地刪除空格，而是進行其餘一些優化，例如將屬性合併到其速記等效項中，刪除註釋，縮短顏色值等等。 CSSnano與許多平臺兼容，包括Node.js，grunt，gulp，webpack和Atom文本編輯器。

📼 Multirange

Multirange是一個滑塊庫，運行用戶在定義的範圍內左右滑動

✂️ Minireset

Minireset是一個很是簡單的CSS重置庫，只標準化最重要的CSS屬性，沒有任何額外的東西。

🌍 Cesium

基於WebGL的JavaScript庫，很是的酷炫，用於建立高分辨率的3D地球和2D地圖。 它支持不一樣的地圖API，天氣API和其餘複雜的功能。
Demo頁面有大量的社區項目，展現功能，包括紐約全部建築的3D地圖和美國宇航局的項目。

🔕 In-view

埋點庫，用於跟蹤頁面上的元素，並在他們即將離開或進入視口時作出反應。 該庫沒有外部依賴，而且真正容易使用簡單的回調語法

📜 Papa Parse

Papa Parse是一個強大的客戶端CSV解析器。 它充滿了使人敬畏的功能，如轉換爲JSON，支持字符串，本地文件或URLS，異步模式，快速模式等等。 這個庫沒有依賴性，能夠兼容JavaScript和jQuery。