GitHub最喜欢的前端项目整理收集了一些优秀的github项目，方便自己阅读，顺便分享一下，让大家一起学习。本文将持续更新，版权归原作者所有。欢迎使用githubstar和fork来预览codepen。一个在线编辑前端项目的网站。有一些前端高手的作品，也有很多令人惊叹的前端效果。您可以使用codrops浏览和下载它们。一系列颇具创意和趣味性的前端效果合集，是很好的学习资料，可以欣赏下载使用。而一些项目也托管在github仓库中。docschinaimprint中文网汇集了社区翻译的比较流行的前端相关框架和工具的中文版文档。为了学习一些新的框架，清除了语言障碍。microjs允许您选择一个microjs库网站。本站的库都是压缩过的，不超过5KB，非常实用。本站资源托管在githubplainjs仓库。都是原生js编写的插件和组件，非常实用。本站资源托管在github目录synthesis/resourcestyle/UI/cssconstructiontools/precompilationtest/toolcanvas/datavisualizationanimationpluginframework,libraryandcomponentsMobilenodeNode.js相关模板引擎WEB编辑React相关浏览器兼容性解决方案综合/资源frontend-dev-bookmarks前端开发资源海量列表star:24492FE-interview收集的前端面试问答star:3562Awsome-Front-End-learning-resourcegithub最全前端资源汇总仓库星级：3990mobile-web-收藏夹移动H5开发经验、资源、踩坑汇总星级：1289前端-教程最全资源教程-前端涉及的所有知识系统星级：3624awesome-javascript一系列很棒的javascript库、插件、资源star：14819front-end-collect作者分享了他长期关注的前端开发相关的优秀网站、博客和活跃开发者star：3808fks总结前端技巧，包含前端知识架构、后端知识、运维知识、书籍推荐等star：12745javascript写js的最佳姿势star：73519Mars腾讯移动web前端知识库star：7115awesome-wechat-weapp小程序开发资源汇总，你所期待的应有尽有star：16088gold-miner掘金翻译项目，可能是全球最大最好的英译汉技术社区，懂读者和译者的翻译平台最佳star：15076viewBlogFront-完结大牛的博文，优质文章星级：6590styles/UI/cssmaterializematerialize是一个轻量级的纯CSS材质设计框架。Materialdesign是Goole提出的一套UI设计，Goole所有的产品都应该用到它。一个可重用的开源前端框架star：42092uikit一个轻量级、模块化的前端框架，用于快速开发强大的web界面。也是一个优秀的响应式html5框架star:12794primergithub站点用到的一套css框架star:7407weui为微信web服务量身定做的一套ui框架star:19402pure一套小巧的响应式css组件，可以用star:18810normalize.css在网页的项目中随处可见一个可定制的css文件，使浏览器渲染的所有元素更加一致，符合现代标准。支持IE8+star：31716Buildtool/precompileparcel新一代零配置前端构建工具，识别各种常见文件类型，优化加载模块，代码解包等，值得一试的打包工具推荐star：24746webpack一个模块打包工具，您可以使用webpack来管理您的模块依赖关系，并编译输出模块所需的静态文件。推荐星级：42515gulp是一个基于node.js流的构建系统，只有少数原生API和庞大的插件生态。非常好用star：29890yo一个健壮的基于node的项目脚手架工具，非常方便搭建一个初始项目，各种类型的项目都有脚手架star：2569viewTypeScript有typedjs预编译语言，非常强大的预编译和代码错误提示，给了JS搭建大型项目的可能。推荐star：36759viewbabel是一个编写下一代js的编译器。您可以使用各种ES6和ES7新语法，而无需等待浏览器支持。推荐star：28541stylus表现力强的css预编译语言，除了代码简洁，可读性强，功能非常强大，可以和js混合实现动态css编程推荐star：9282less.js轻量级，动态CSS是一个预编译器-编程语言，具有CSS的所有特性，并提供动态编程方法来编写CSS代码。也是各大UI框架选择的样式语言，如bootstrap、antdesign等。star：15627node-sass动态CSS预编译语言，拥有强大的sasscompass生态，可直接导入使用。Sass由ruby编写，node-sass是node的重构版本，方便npm直接使用/toolsmocha一个简单、灵活、有趣的javascript测试框架，用于在nodejs和浏览器上测试js应用star：15848casperjs一个开源的基于phantomjsstar的导航脚本和测试工具：7233karma自动化单元测试，让你在浏览器中运行多个Executejs代码。让你的tdd简单、快速、有趣star:9880jasmineisasimplejsunittestingframeworkfortestingjavascriptcodestar:13689chai一个tdd(test-drivendevelopment)/bdd(behavior-drivendevelopment)fornodejsandbrowsers)的断言框架，它可以与任何javascript测试框架集成。推荐star：5536csscsscss代码冗余分析工具，用于分析css中存在的冗余。star:2945async一个工具模块，提供直接而强大的javascript异步功能。虽然是为nodejs设计的，但也可以直接在浏览器中使用star：24319HTMLHinthtml静态代码分析工具，可以集成到代码编辑器或编译系统中star：1911eslintjs静态代码分析工具，可以帮你检测js语法错误和潜在问题可以集成到代码编辑器或编译系统中。推荐star：11889stylelint一款css样式表分析优化工具，支持多种类型的css文件。.styl文件检查工具，sytlus文件代码风格检查工具的第三方实现star:289headroom.js是一个强大的基准库，适用于几乎所有的js平台。支持高分辨率定时器并返回重要统计结果star：9869canvas/datavisualizationd3一个基于数据操作文档的JS数据可视化框架，最流行的数据可视化库之一star：77319incubator-echarts基于canvas的纯js图表库，提供直观、生动、交互、可定制的数据可视化图表star:28893Chart.js使用canvas标签的简单html5图表star:38264c3一个基于d3.js的可重用javascript图表库，几乎为零学习曲线star:7834g2是一组图形基于可视化编码的语法，数据驱动，高可用性和可扩展性，可定制极细粒度。与项目echart庞大、全面、易用的图表库相比，这个库会给你不一样的体验，并提供了g2-react官方的react包star：5512sketch.js一个跨平台的javascript创意编码框架，gzip压缩后只有2kbstar:3159zrender一个轻量级的canvas类库，MVC封装，数据驱动，提供类dom事件模型，让canvas绘图与众不同star:2980highcharts基于svg的javascript图表框架star:7780g6isa纯JavaScript编写的关系图基础技术框架。开发者可以基于关系图star的G6分析视图和编辑视图进行快速二次开发：2568动画animate.css是一个跨浏览器的css动画库，实现了多种css3动画效果，简单易用，易于上手学习star：52810anime非常小的js动画引擎，支持css3，svg动画效果，可以编写各种复杂的动画效果，gzip后约6Kstar：21932move.js非常小的js库，支持css3动画效果，非常简洁大方star：4345TweenJS是一个简单但功能强大的js动画库，属于createjs套件star:2725bounce.js一个制作漂亮的css3关键帧动画的js库，使用其独特的方式生成动画效果star:5593tween.js一个可以生成漂亮css3关键帧动画的js动画库流畅的动画效果，让你流畅的修改元素的属性值，通过设置star可以生成类似CSS3的各种动画效果：5633Parallax轻量级视差引擎，可以智能响应方向devicestar:13131velocity是一个动画引擎，与jQuery的$.animate()具有相同的API，非常适合手机动画开发。还打包了彩色动画、transition、loop、easingeffect、classanimation、scrolling其他功能star：14839插件front-end-plugins常用前端插件汇总star：732awesome-browser-extensions-for-github收集github上优秀的浏览器插件，非常实用star：1224video.js开源html5和flash视频播放支持自定义进度条、按钮、工具栏的背景颜色。star:21913fullPage.jsPC端全屏滚动插件。star:24114onepage-scroll可以轻松创建动态响应式滚动效果页面，更适合单页主题站。支持现代浏览器及IE8以上版本star:9327superslides致力于解决大部分网站特效显示问题，网站常用焦点图片/幻灯片，tab标签切换，图片滚动，无缝滚动等star:1471github-hovercardgithubmousehover停止显示用户、仓库等概要信息star:1148Framework,library,andcomponentpolymer以万物皆组件、极简代码、最小框架限制为理念设计的web组件构建框架star:19915impress.js创建令人兴奋的演示。使用css3过渡和过渡，这个库可以让你创建令人印象深刻的演示文稿star:33739reveal.js基于CSS3的3D幻灯片工具，能够制作华丽的演示文稿并生成html格式，发布在网络上star:41441nodePPT用nodejs编写的网络幻灯片,可能是迄今为止最好的网页ppt:8565highlight.jsjs语法高亮,可以运行在浏览器端也可以运行在服务器端一个可以给网站添加实时协作功能的js库star:6132HTML简化的轻量级js库和dom操作star：1444wechat.js微信相关的js操作：分享、网络、菜单star：914JavaScript-Load-Image一个js加载和转换图片文件的库star：2969progress.js一个帮助开发者创建和管理的js库网页每个对象的进度条效果star：2311foundation号称全球最先进的响应式前端框架，也是Mobile-first框架star：27480Sugar扩展了现有的js对象方法，让你做更多的事情lesscodestar:3859todomvc帮助你选择一个mv框架，它使用不同的和最流行的mv框架实现相同的todoapplicationstar:24059Pikaday是一个js日期选择器，特点是轻量级，无依赖和模块化的cssstar:6189webuploader一个简单的现代基于html5，flash为辅的文件上传组件。支持大文件分片并发上传，大大提高文件上传效率内容空间star：9869ua-device史上最全的userAgent分析库，百度出品FEXstar：806share.js一键分享到微博、Q空间、QQ朋友，微信，腾讯微博，豆瓣等star：2133移动端fastclick消除触摸UI点击延迟的js库。屏幕前框。面向html5开发，使用css3做动画和交互star:12026ionic一个先进的html5移动开发框架，帮助开发者使用HTML5、css和js创建令人难以置信的混合应用程序star:34693zepto.fullpage一个专注于移动设备的全屏滚动插件star:1973lib-flexible淘宝移动可伸缩布局解决方案star:7963swipe加速移动触摸滑块和硬件之间的转换star:6697hammer.js支持多点触控的手势库star:18644zepto移动设备API兼容jQuerystars的基础库：13888Swiper一款纯js制作的滑动效果插件，面向手机、平板等移动终端。可实现触屏焦点图、触屏tab切换、触屏多图切换等常用效果node.js中文资料导航星：2892流星快星：40041Ghostnodejs开发最新博客系统，简洁明了，响应式设计，支持全定制，免费，专属博客star：26098NodeBB基于node的现代社区论坛star：8930hexoone快速、简单、强大的博客框架star：22822nodeclub一个用nodejs和mongodb开发的社区系统star：7572N-chat一个多-用express和socket搭建的人聊天室star：990electron使用js,css,html搭建跨平台桌面应用star：62523模板引擎pug基于nodejs的强大优雅的模板引擎，相当简洁star：16918handlebars.js一个js语义模板让你轻松高效编写语义模板的库star：13534artTemplate性能卓越的js模板引擎star：7120ejstj大师编写的javascript内嵌模板引擎star：3943WEB编辑器monaco-editor微软开发的vscode编辑器的核心编辑组件，可在浏览器中使用，支持多种语言突出显示，功能齐全，制作代码编辑器star的首选：10110vieweditor下一代高度定制的浏览器网页内容编辑器，基于react开发star：6856viewtinymce支持在线图片处理，插件多，文档好，齐全，功能强大，编辑能力优秀，界面好看，推荐使用推荐星级：5488viewckeditor-dev一个极其优秀的界面，功能强大，编辑能力强，基本类似towordstar:4103viewwangEditor轻巧简洁，最重要的是它是开源的，有完整的中文文档。设计精美的UIstar：5186viewsimditor团队协作工具Tower使用的富文本编辑器，风格漂亮，插件不多，基本满足需求，维护良好star：3875viewueditor中文文档，很多插件，基本满足各种需求，类似贴吧里的回复界面。缺点：无需维护，文档很少，应用不广泛，图片只能上传到本地服务器，如果需要上传到其他服务器，需要修改源代码，比较难处理，加载速度慢star:3753viewkindeditor的界面和百度差不多，效果很赞，文档齐全但是用例少，用起来还是挺方便的。缺点：总觉得外观不是很好看，没有现代风格，还是老土的传统icon9767react-bitsreact的最佳实践，想知道star：9225awesome-reactreact资源全集，凡是react的都应该有star：26650create-react-appfacebook官方提供react开发命令工具，为初学者解决各种烦恼star：52301next.jsreact服务端渲染框架star：27253viewant-design管理系统UI组件库，各种组件一应俱全，优秀的文档，不错的api，值得拥有推荐star：30868viewant-design-mobilereactmobile组件库，兼容react-native推荐star：5519viewant-design-pro阿里团队的应用antd官方实现，管理系统项目模板，开箱即用推荐star：10828viewgatsby静态页面生成器，非常强大，自定义能力强，模板非常多star：23449preactreact的瘦身版，兼容所有官方reactAPI，压缩后仅3kb懒加载组件star：8829react-dndreact拖拽组件，满足各种拖拽需求star：8882viewreact-grid-layout拖拽可伸缩布局组件，必备-admindashboard有选择，非常高推荐star：6693viewdocz是基于react写文档的神器。它声称编写文档从未如此简单。推荐星数：7154viewreact-spring写react动画的好帮手，废话不多说看samples自带appstar：6008viewink使用react开发命令行交互工具，很coolstar：6131ag-grid非常强大的表格组件，完全满足数据基于数据展示形式star：4118浏览器兼容性解决方案es6-shim提供兼容性performanceshim让ES6兼容传统js引擎star：2602Modernizr是一个用于检测浏览器功能支持的js库，可以检测18个css3函数等关于h5的40个函数star:22758html5shiv主要解决html5提出的问题新元素无法被ie6-9识别star:9018
