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:9500view demo -
onepage-scroll 可以輕松建立一個動感的響應式的滾動效果頁面,比較適用于單頁面的專題站。支持現代瀏覽器和IE8以上版本。 View demo 。
star:7700 -
slick 一款完全響應式的
jQuery圖片滾動插件,能夠根據容器自動適應寬度。star:10000view demo -
superslides 致力于解決網站大部分特效展示問題。網站上常用的“焦點圖/幻燈片”“Tab標簽切換”“圖片滾動”“無縫滾動”等只需要一個
SuperSlide即可解決! view demostar:1100 -
jQuery-One-Page-Nav 當用戶滾動網頁時,實現平滑滾動和智能導航。
star:1100 -
slider 一個
jquery完全開源的JavaScript代碼庫,用戶可以開發,調試和深度定制自己的滑塊。star:850view demo
框架/組件
-
polymer
web組件構建框架。一套以“一切皆組件、最少化代碼量、最少框架限制”為設計理念的Web UI框架。star:9900 -
meteor 一個超簡單的純
javascriptweb框架。用于自動化和簡化實時運行的 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:21500view demo -
Modernizr 用來檢測瀏覽器功能支持情況的
JavaScript庫,可以檢測18項CSS3功能以及40多項關于HTML5的功能。star:16000 -
pure.css 一組很小的,響應式的
css組件,你可以在網頁的項目上到處使用。star:12000 -
three.js 是
JavaScript編寫的WebGL第三方庫。提供了非常多的3D顯示功能。star:20000 -
TimelineJS 輕松制作時間軸。
star:8000
移動端
Node.js相關
-
nodeclub 使用
Node.js和MongoDB開發的社區系統。star:3000 -
N-chat 使用
Express + Socket.IO搭建的多人聊天室 。star:300 -
N-blog 使用
Express + MongoDB搭建多人博客。star:1800
React相關
-
react-style 是
React.js可維護的樣式組件 -
react-component 基于
reactjs的組件。 -
react-native 一個用
React構建native apps的框架。star:15000 -
react-native-guide 匯集了
react-native學習資源與各類開源app。star:850
其他
-
j 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 -
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