轉載自：https://segmentfault.com/a/1190000002804472

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

• 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
  
  

• Front-end-tutorial 最全的資源教程-前端涉及的所有知識體系。（12.25更新）

• 樣式/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更新)
  • img2css 將圖片轉為純css的黑科技。star:1.5K（12.25更新）
    測試/工具
  • 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][30]所寫。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更新）
  • Velocity 是一款和jQuery的$.animate()有相同API的動畫引擎。很適合移動端的動畫開發，還打包了顏色動畫，轉換，迴圈，easing效果，類動畫、滾動等功能。star：9.5K(12月25更新)

  外掛

• • 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][95]
  • 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]104

  
  
  

  • 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更新)
    
    
  • SUI-Mobile由阿里巴巴國際UED前端出品的移動端UI庫，輕量精美 star:2K(2016.1.14更新)
    
    
  • lib-flexible 淘寶出品的移動端可伸縮佈局方案。star:1.3K+（2016.1.14更新）

  Node.js相關

  http://nodeframework.com/ 專門收集node.js的web框