轉自文章   http://www.cnblogs.com/webpush/p/4963002.html

該網站的資源都託管到了github，microjs.com是一個可以讓你選擇微型的js類庫的網站，該網站裡的js庫都是壓縮後不大於5KB的，非常實用

The Vanilla JavaScript Repository，該倉庫都是用原生js寫的外掛和元件，很實用。裡面的專案也都託管到了github

綜合/資源

• front-end-collect 分享自己長期關注的前端開發相關的優秀網站、部落格、以及活躍開發者。star:860
  
  

• f2e-hub 包含Animation，UI，dialog，Carousels，color，image，workflow

  等。star:100
  
  

• awesome-javascript 一系列很棒的javascript 庫，資源。star:3100
  
  

• fks 前端技能彙總，包含前端知識架構，後端知識，linux，書籍推薦等。star:4000
  
  

• node123 node.js中文資料導航。star:1200
  
  

樣式/UI/css

• Semantic-UI 讓你使用任何HTML標籤 來表現UI控制元件。 
  這是一款語義化設計的前端框架，為攻城師而製作的可複用的開源前端框架。star:17500

• primer CSS風格指南。star:3600
  
  

• glue 一個生成CSS sprites的簡單的命令列工具。star:2.5K (7.19更新)
  
  

• postcss 用js外掛來對css進行轉換，類似Sass的預編譯器，但實現了模組化，並且更加強大。star:4.5K(7.31更新)
  
  

• mui 輕量級css框架。star:1.5K(10.15更新)

測試/工具

• mocha 一個簡單、靈活有趣的 JavaScript 測試框架，用於 Node.js 和瀏覽器上的 JavaScript 應用測試。 star:6680

• csscss css程式碼冗餘分析儀，用於分析冗餘 。star:2800
  
  

• es6-tools es6 工具集，包括Grunt Tasks，Gulp Plugins，Broccoli Plugins，Brunch Plugins，Webpack plugins

  等等。star:1860
  
  

• async 一個工具模組，提供了直接而強大的 JavaScript 非同步功能。雖然是為 Node.js 設計的，但是它也可以直接在瀏覽器中使用。star:13000
  
  

• simditor 團隊協作工具 Tower 使用的富文字編輯器。star:1300
  
  

• HTMLHint HTML 靜態程式碼分析工具，可以整合到IDE環境或編譯系統中。star:900
  
  

• jshint js靜態程式碼分析工具，可以幫你檢測js語法錯誤和潛在的問題。star:5100
  
  

• csslint 分析和優化你的CSS樣式表的工具。由[Nicholas C.
  Zakas][28]所寫。star:2700
  
  

• protractor 一款端對端的angular apps 測試框架。star:4K
  
  

• casperjs 一個基於PhantomJS的開源導航指令碼和測試工具。star:4.8K
  
  

• Karma 自動化完成單元測試，允許你在多個瀏覽器裡執行js程式碼。讓你的TDD變得簡單，快速，有趣。star:5.3K
  
  

• jasmine 是一個簡易的JS單元測試框架， 用來測試Javascript程式碼。star:9.1K（6.28更新）
  
  

• chai 一個針對 Node.js 和瀏覽器的TDD(測試驅動開發)/BDD(行為驅動開發)的斷言框架，可與任何 JavaScript 測試框架整合。star:2K（6.29更新）
  
  

• Qunit 一個很容易使用的js單元測試框架，該框架是由jQuery團隊的成員所開發，並且是jQuery的官方測試套件。star:3.3K（6.29更新）

Workflow/構建工具

• Grunt 基於Node.js的專案構建工具。擁有數量龐大的外掛，是一款優秀的前端自動化工具。star:9500
  
  

• yeoman 一個強健的工具，庫，及工作流程的組合。star:960
  
  

• gulp 基於node.js流的新一代前端構建系統。star:14000
  
  

• spm 是 CMD 的包管理工具，需要和 Sea.js 配合使用。

canvas/資料視覺化

• echarts 基於Canvas，純Javascript圖表庫，提供直觀，生動，可互動，可個性化定製的資料視覺化圖表。star:6900
  
  

• Chart.js 使用<canvas>標籤的簡易HTML5圖表。star:14600
  
  

• sketch.js 跨平臺JavaScript創意編碼框架，gzip壓縮後僅有2kb。star:1500
  
  

• d3 一個基於資料操作文件的js資料視覺化框架，最流行的視覺化庫之一。star:38000
  
  

• zrender 一個輕量級的Canvas類庫，MVC封裝，資料驅動，提供類DOM事件模型，讓canvas繪圖大不同！star:850
  
  

• c3 一個基於 D3.js 的可重用 JavaScript 圖表庫。幾乎零學習曲線。star:4.5K（6.28更新）
  
  

• img2css 將圖片轉為純css程式碼。（11.3更新）

模組管理/載入器

• ESL 是一個瀏覽器端、符合AMD的標準載入器，適合用於現代Web瀏覽器端應用的入口與模組管理。

ESL vs RequireJS

體積更小 (Smaller)
效能更高 (Higher performance)
更健壯 (More Robustness)
不支援在非瀏覽器端使用 (Browser only)
依賴模組用時定義 (Lazy define)

• seajs 一個遵循CommonJS規範的JavaScript模組載入器。提供簡單、極致的模組化開發體驗。star:4100
  
  

• Component 一個模組化的JavaScript框架，同時也是面向前端的包管理器。
  
  

• webpack一個模組打包工具，你可以使用WebPack管理你的模組依賴，並編繹輸出模組們所需的靜態檔案。star:9K

動畫

• animate.css 一個跨瀏覽器的CSS動畫庫。簡單易用易上手。star:23000
  
  

• move.js 極小的 JavaScript 庫,支援 CSS3 的動畫效果,非常簡單優雅。star：2600
  
  

• TweenJS 是一個簡單但強大的 Javascript 動畫庫。CreateJS 套件的一部分。star:1500
  
  

• bounce.js 一個用於製作漂亮的 CSS3 關鍵幀動畫的 JavaScript
  庫,使用其特有的方式生成的動畫效果。star:3600
  
  

• Swipe 號稱最精確的Slider觸控庫，專為移動裝置優化。star:4.7K
  
  

• tween.js 一款可生成平滑動畫效果的js動畫庫。tween.js允許你以平滑的方式修改元素的屬性值。它可以通過設定生成各種類似CSS3的動畫效果。star:2.5K(7.15更新)
  
  

• parallax.js輕量級的的視差引擎，能對智慧裝置的方向作出反應。。star:9K （10.17更新）

外掛

• zepto.fullpage 專注於移動端的全屏滾動外掛。star:510
  
  

• onepage-scroll 可以輕鬆建立一個動感的響應式的滾動效果頁面，比較適用於單頁面的專題站。支援現代瀏覽器和IE8以上版本。View demo 。star:7700
  
  

• slick 一款完全響應式的 jQuery 圖片滾動外掛，能夠根據容器自動適應寬度。star:10000 view demo
  
  

• superslides 致力於解決網站大部分特效展示問題。網站上常用的“焦點圖/幻燈片”“Tab標籤切換”“圖片滾動”“無縫滾動”等只需要一個SuperSlide即可解決！ view demo star:1100 
  
  

• jQuery-One-Page-Nav 當用戶滾動網頁時，實現平滑滾動和智慧導航。star:1100
  
  

• slider 一個jquery完全開源的JavaScript程式碼庫，使用者可以開發，除錯和深度定製自己的滑塊。star:850 view demo
  
  

• github-hovercard github 滑鼠懸停顯示使用者，倉庫等摘要資訊。(10.15更新)
  
  

• onepage-scroll 一款帶有背景視覺差效果的jQuery整頁滾動特效外掛。star：8K （10.17更新）view demo
  
  

• justlazy.js 輕量級js圖片延遲載入外掛。（10.22更新）

框架、庫和元件

• polymer web元件構建框架。一套以“一切皆元件、最少化程式碼量、最少框架限制”為設計理念的Web UI框架。 star:9900
  
  

• impress.js 建立令人興奮的演示。使用CSS3的轉換和過渡，這個庫允許你建立令人印象深刻的簡報。view demo。star:24300
  
  

• ionic 先進的HTML5 移動端開發框架。幫助開發者使用HTML5, CSS3和js做出不可思議的hybrid app。star:17000
  
  

• reveal.js 基於CSS3的3D幻燈片工具。能夠製作絢麗的簡報並生成HTML格式，將它釋出到web上。star:21500 view demo

• pure.css 一組很小的，響應式的css元件，你可以在網頁的專案上到處使用。star:12000
  
  

• three.js 是JavaScript編寫的WebGL第三方庫。提供了非常多的3D顯示功能。star:20000
  
  

• TimelineJS 輕鬆製作時間軸。star:8000
  
  

• jquery-pjax 對ajax 和 pushState的封裝，讓你可以很方便的使用pushState技術，用以實現頁面無重新整理載入。star:11500
  
  

• highlight.js javascript語法高亮。既可以執行在瀏覽器端也可以執行在服務端。star:5500
  
  

• commander.js Node.js命令列工具。star:3800
  
  

• togetherjs 由Mozilla打造的一款可以給網站新增實時協作功能的JavaScript庫。star:5K
  
  

• HTML.js 輕量級的簡化與DOM操作的js庫。view demo star:1.5K
  
  

• MEAN.JS 全棧式javascript，使用`MongoDB, Express,
  AngularJS和Node.js。star:2.2K`
  
  

• wechat.js 微信相關的 js 操作：分享、網路、選單。star:700
  
  

• JavaScript-Load-Image 一個js載入和轉換影象檔案的庫。 star:1.2K [view
  demo][91]
  
  

• progress.js 一個 js 和 CSS3的庫，幫助開發人員為網頁上的每個物件建立和管理進度條效果。star:1.6K view demo
  
  

• foundation 號稱世界上最先進的響應式前端框架，也是一款Mobile First的框架。star:21K
  
  

• Sugar 一個JavaScript庫。它擴充套件了現有的JS物件的方法，讓你可以用更少的程式碼做更多的事情。star:2.8K
  
  

• todomvc 幫你挑選一款MV*框架，它使用不同的最流行的js MV*框架實現了一個相同的Todo應用。star:13K
  
  

• yepnope.js 這是一個非同步的條件載入框架，速度超快，只為使用者載入需要的指令碼。使用非常簡單，非常有用！star:2.5K
  
  

• Material UI 是一個 CSS 框架和一組實現谷歌 Material Design 設計規範的 React
  元件。star:8.8K（6.28更新）
  
  

• Pikaday 是一個 JavaScript 日期選擇器，特點是輕量級、無依賴和模組化的
  CSS。star:2.8K view demo][100

• vuejs 用於構建互動式的 Web 介面的庫。它提供了 MVVM 資料繫結和一個可組合的元件系統,具有簡單、靈活的 API。star:6K（7.12更新）
  
  

• meteor 超簡單的，資料庫無處不在的，用於自動化和簡化實時執行的 Web 應用程式的開發。純JavaScript的Web框架。star:27K（7.12更新）
  
  

• webuploader
  一個簡單的以HTML5為主，FLASH為輔的現代檔案上傳元件。支援大檔案分片併發上傳，極大的提高了檔案上傳效率。star:1.8K 
  
  

• fastclick觸控UI上的消除點選延遲js庫。star:1W(10.15更新)
  
  

• wangEditor 輕量級web富文字框。 (10.15更新)
  
  

• benchmark.js是強大的基準測試庫，幾乎適用於所有JavaScript平臺。支援high-resolution定時器，並返回重要的統計結果。star:1.7k(10.15更新)
  
  

• headroom.js是一個輕量級、純 JS 元件,用來隱藏或展現頁面上的元素,為你的頁面留下更多展示內容的空間。star:7.5K (10.15更新)
  
  

移動端

• Swipe 加速移動觸控滑塊與硬體之間的轉換。star:5000。
  
  

• hammer.js 一個支援多點觸控的手勢庫。star:11000
  
  

• amDoc 無線Web解決方案 - 文件規範指南
  
  

• amazeui 移動優先的跨屏前端框架。面向HTML5開發，使用css3做動畫和互動。star:4.1K
  
  

• Zepto 一款面向移動端裝置、API與jQuery相容的基礎庫。
  
  

• mui 最接近原生APP體驗的高效能框架 。star:1.1K（6.28更新）
  
  

• Swiper純javascript打造的滑動特效外掛，面向手機、平板電腦等移動終端。
  能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。star:6K(10月18更新)
  
  
  Node.js相關

http://nodeframework.com/ 專門收集node.js的web框架的網站。其專案同樣均託管在github上。

• nodeclub 使用 Node.js 和 MongoDB 開發的社群系統。star:3000
  
  

• N-chat 使用 Express + Socket.IO 搭建的多人聊天室 。star:300
  
  

• N-blog 使用 Express + MongoDB 搭建多人部落格。star:1800
  
  

• node-inspector 基於Blink開發者工具的Node.js偵錯程式。star:7000
  
  

• node-lessons：Node.js包教不包會。star:2.5K
  
  

• nodePPT 使用nodejs寫的網路幻燈片。可能是迄今為止最好的網頁版PPT。star:1.6K view demo
  
  

• hexo 一款快捷，簡單，強大的部落格框架，基於Nodejs。star:5.2K
  
  

• koa 下一代Node.js Web 框架。由 Express 團隊設計。star:6.3K
  
  

• awesome-nodejs 關於Nodejs 包和資源的收集。star:7K
  
  

• connect Node平臺的中介軟體框架。Express就是基於Connect開發的。star:5.6K（6.29更新）
  
  

• n node版本管理，tj大神所寫。star:2.7K
  
  

• nvm node版本管理，通過bash指令碼來管理。star:7.5K

React相關

• react-style 是 React.js 可維護的樣式元件
  
  

• react-native 一個用React構建native apps的框架。star:15000
  
  

• react-native-guide 彙集了react-native學習資源與各類開源app。star:850
  
  

• awesome-react 關於react的工具，資源，視訊的集合。star:700
  
  

• Flux 是一個Facebook開發的、利用單向資料流實現的應用架構，用於
  React。Flux應用有三個主要的部分組成：排程程式、儲存和檢視（React 元件）。star:6.8K（6.28更新）
  
  

• iscroll 高效能，體積小，無外部依賴，跨平臺的滾動元件 star:6K（7.19更新）

HTML5

• video.js 開源的HTML5和Flash視訊播放器。支援自定義進度條、按鈕以及工具欄的底色。star:9.1K
  
  

• html5shiv 主要解決HTML5提出的新的元素不被IE6-9識別。star:6K(7.15更新)
  
  

• brunch 快速的前端 HTML5 構建工具。star:4.5K（7.19更新）
  
  

• ulkit 一個輕量級的、模組化前端框架，它被用於快速開發強大的web介面。也是一款優秀的響應式HTML5 框架。star:5.3K (8.3更新)

模板引擎

• Handlebars.js 一個js語義模板庫，能讓你輕鬆高效的編寫語義化模板。star:8.6K(6.29 update)
  
  

• artTemplate 效能卓越的 js 模板引擎。star:1.7K
  
  

• jade 一款高效能簡潔易懂的模板引擎，Jade是Haml的Javascript實現。star:8.7K

瀏覽器相容方案

• es6-shim 提供相容性墊片，使ES6能兼容於傳統的JavaScript引擎。star:1.5K(7.15更新)
  
  

• Modernizr 用來檢測瀏覽器功能支援情況的JavaScript庫,可以檢測18項CSS3功能以及40多項關於HTML5的功能。star:16000
  
  

• normalize.css 一個可定製的 CSS 檔案，使瀏覽器呈現的所有元素，更一致和符合現代標準。支援IE8+。star:17000
  
  

• html5shiv 主要解決HTML5提出的新的元素不被IE6-9識別。star:6K(7.15更新)
  
  

• Babel 是一款為了寫下一代js的編譯器，無需等待瀏覽器支援就可以使用新的語法。star：8.3K (7.29更新)

高產大牛

• Evan You 前端輕量級框架MVVM框架vue.js作者，前Google工程師。followers:1.6K
  
  

• TJ Holowaychuk Luna 程式語言, Koa, Express, Stylus, Cluster, Mocha, Jade, node-canvas, component 等知名開源專案的建立和貢獻者。 followers:14.1K
  
  

• PaulIrish 著名的前端開發工程師，同時他也是Chrome開發者關係團隊成員，jQuery團隊成員，Modernizr、Yeoman、CSS3 Please和HTML5 Boilerplate的lead developer。followers:15.7K
  
  

• Mike Bostock 知名視覺化庫 D3.js的主要作者。followers:8.3K
  
  

• Nicolas Gallagher Normalize.css 作者。followers:3.6K
  
  

• 司徒正美 前端迷你MVVM框架Avalon作者。followers:2.1K

其他

• Mars 騰訊移動Web前端知識庫。star:1600
  
  

• brackets 一款使用 HTML，CSS，JavaScript 建立的開源的針對 Web 開發的編輯器。star:23000
  
  

• Ghost Node.js開發最新部落格系統, 簡單簡潔, 響應式設計, 支援完全自定義, 免費, 專注部落格。star:16000
  
  

• io.js 從NodeJS裡分離出來的一條分支。star:13000
  
  

• ueditor 百度前端團隊出品的富本文編輯器。star:1.1K

優秀開源組織