github上值得關注的前端項目

jopen 9年前發布 | 43K 次閱讀 Github

綜合/資源

  • frontend-dev-bookmarks 一個巨大的前端開發資源清單。 star:15000

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

  • Front-end-Interview-questions 史上最全前端開發面試問題及答案

  • 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

  • mobile-web-favorites 移動端web開發收藏夾。 star:200

樣式/UI

  • Semantic-UI 讓你使用任何 HTML 標簽 來表現UI控件。

    這是一款語義化設計的前端框架,為攻城師而制作的可復用的開源前端框架。 star:17500

  • primer CSS 風格指南。 star:3600

測試/工具

  • 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

Workflow/構建工具

  • Grunt 基于 Node.js 的項目構建工具。擁有數量龐大的插件,是一款優秀的前端自動化工具。 star:9500

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

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

canvas/數據可視化

  • echarts 基于 Canvas ,純 Javascript 圖表庫,提供直觀,生動,可交互,可個性化定制的數據可視化圖表。 star:6900

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

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

  • d3 一個基于數據操作文檔的 js 數據可視化框架,最流行的可視化庫之一。 star:38000

模塊管理/加載器

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

ESL vs RequireJS

體積更小 (Smaller)
性能更高 (Higher performance)
更健壯 (More Robustness)
不支持在非瀏覽器端使用 (Browser only)
依賴模塊用時定義 (Lazy define) 
  • seajs 一個遵循 CommonJS 規范的 JavaScript 模塊加載器。提供簡單、極致的模塊化開發體驗。 star:4100

動畫

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

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

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

  • bounce.js 一個用于制作漂亮的 CSS3 關鍵幀動畫的 JavaScript

    庫,使用其特有的方式生成的動畫效果。 star:3600

插件

  • zepto.fullpage 專注于移動端的全屏滾動插件。 star:510

  • fullPage.js pc端的全屏滾動插件。 star:9500 view demo

  • 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

框架/組件

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

  • meteor 一個超簡單的純 javascript web框架。用于自動化和簡化實時運行的 Web 應用程序的開發。可直接在瀏覽器或者云平臺中運行。 star:25300

  • 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

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

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

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

  • TimelineJS 輕松制作時間軸。 star:8000

移動端

  • Swiper 加速移動觸摸滑塊與硬件之間的轉換。 star:5000 。

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

  • amDoc 無線 Web 解決方案 - 文檔規范指南

Node.js相關

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

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

  • N-blog 使用 Express + MongoDB 搭建多人博客。 star:1800

React相關

其他

  • avascript-style-guide 最合理的使用 javascript 的方法。 star:18000

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

  • css3please 跨瀏覽器自動生成 css3 前綴

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

  • normalize.css 一個可定制的 CSS 文件,使瀏覽器呈現的所有元素,更一致和符合現代標準。支持IE8+。 star:17000

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

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

  • 2048 游戲 view demo star:7000

  • jade 一款高性能簡潔易懂的模板引擎。 star:8500

高產大牛

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

  • TJ Holowaychuk Koa、Co、Express、jade、mocha、node-canvas、commander.js 等知名開源項目的創建和貢獻者。 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

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!