Open moocss opened 9 years ago
https://github.com/umdjs/umd (UMD (Universal Module Definition) patterns for JavaScript modules that work everywhere.
https://github.com/dangrossman/bootstrap-daterangepicker (日历区段)Date range picker component for Bootstrap
https://github.com/Clouda-team/BlendUI2 (BlendUI2)
http://metroui.org.ua/ (Windows 8 Metro UI CSS Styles)
https://github.com/tower1229/Flow-UI , http://refined-x.com/Flow-UI/ , http://refined-x.com/Flow-UI/docs/(Flow-UI 是一套组件化UI框架,支持定制主题,主要服务于前台及中后台产品。👍 💯, 推荐)
https://github.com/sentsin/layui (采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写形式,极低门槛,拿来即用。👍 💯)
http://shark.mail.netease.com/ (网易, shark组件平台,是包含了css框架、jQuery、angular、angular2组件库的前端组件平台。👍 💯 , 学习) https://github.com/DXY-F2E/dxy-ui (👍 💯 桌面UI, scss,丁香园)
https://github.com/S-mohan/mo (基于Scss和TypeScript的跨框架通用UI库)
https://github.com/easysoft/zui (一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。)
https://github.com/kaola-fed/nek-ui (👍 💯 💯 , 网易考拉, 一个后台UI组件库基于Regular JS)
https://github.com/nzbin/snack (Snack is a mini CSS framework for web, 👍 💯 小巧的的css framework)
https://github.com/75team-biz/yoyo (A lightweight CSS framework for faster and extensible development.👍 💯 , 学习 )
https://github.com/18F/web-design-standards (美国政府网站, 设计标准 👍 💯 学习)
https://github.com/sitetent/tentcss (👍 💯 , 学习)
https://github.com/FezVrasta/bootstrap-material-design (Material design theme for Bootstrap 3 and 4 👍 💯 , 学习)
http://mixinsless.com/ (基于 Less 的 CSS 代码片段复用和混入库 👍 💯 )
http://www.richcss.com/ ( scss, Beautiful, DRY,Clean and Reusable CSS 👍 💯 )
https://github.com/franciscop/picnic ( A beautiful CSS library to kickstart your projects , scss 👍 )
https://github.com/DXY-F2E/dxy-ui (一套适用于桌面端的前端UI库,囊括了基础样式以及十余个基础组件 👍 👍 💯 )
https://github.com/google/material-design-lite (Material Design Lite Components in HTML/CSS/JS) https://github.com/Dogfalo/materialize (Materialize, a CSS Framework based on Material Design)
http://framework7.taobao.org/ (特色的HTML框架可以创建精美的iOS应用)
http://m.sui.taobao.org/ (taobao 轻量,小巧且精美的UI库方便迅速搭建手机H5应用)
https://github.com/sdc-alibaba/sui3 (SUI3 是一套基于 Bootstrap3 的全栈开发工具包,包含丰富的组件库,同时提供了完整的前端开发指导。)
https://github.com/hypers/pagurian (一个管理系统的前端框架(CMD、Grunt), 有设计标注规范, 组件, :+1: :100: , 参考)
http://www.builive.com/index.php (阿里巴巴 UI )
http://qmuiteam.com/web/index.html (一个旨在提高 UI 开发效率,快速产生项目 UI 的前端框架 :+1: :100: )
http://frozenui.github.io/frozenjs/ (腾讯 QQ会员前端开发组 移动框架)
http://ued.qunar.com/ (移动前端组件库,移动前端CSS Framework) http://ued.qunar.com/mobile/kami/ (Kami作为移动端组件库) http://ued.qunar.com/mobile/yo/demo/ ( 移动CSS UI )
https://github.com/zurb/motion-ui (Sass library for creating transitions and animations. )
https://github.com/jgthms/minireset.css (重置样式) https://10up.github.io/sanitize.css/ (重置样式) https://necolas.github.io/normalize.css/ (重置样式)
http://ecomfe.github.io/est/ (基于 Less 的样式工具库 :+1: :100: ) https://github.com/ecomfe/esui ( 百度高质量的 UI 组件库, 参考 👍 💯 )
http://dcloudio.github.io/mui/ (最接近原生APP体验的高性能前端框架)
http://touchstonejs.io/ (React MB)
http://www.basscss.com/ (Low-level CSS toolkit v7.0.3 , 大而全,参考)
https://github.com/primer/primer (来自GitHub官方的CSS库)
http://ecomfe.github.io/esui-family/index.html (百度 ,ESF is a CSS Framework Based on EST. ESUI is a Collection of JavaScript Controls. :+1: )
http://ui.cliquestudios.com/ (A lightweight, modular front-end framework for rapid web-interface development. :+1: )
http://www.outlinecss.co.uk/(The clean & simple framework.) http://www.richcss.com/(Beautiful, DRY, Clean and Reusable CSS)
http://ink.sapo.pt/ (Create responsive web interfaces quick and efficiently.)
http://dev.wix.com/docs/ui-lib/ui-controls/ ( 非常细腻的 UI 库, 设计参考 :+1: :+1: :100: , 推荐 )
http://muellergridsystem.com/ ( 一个模块化的网格系统) http://concisecss.com/ (一个轻量级的SCSS框架) http://10up.github.io/sanitize.css/ (html element 风格一致) http://jeet.gs/ (一个智能的网格系统)
https://github.com/tzi/chewing-grid.css (响应式的网格)
https://github.com/OfficeDev/Office-UI-Fabric (微软Office团队开发UI组件库 :+1: :+1: :100: )
https://github.com/cbracco/cardinal (一个模块的,移动优先的框架)
https://github.com/marvin1023/sandal (针对移动端站点为前端人员提供了一些基础的重置,常用的mixin,如flex布局,等分,水平垂直居中,常用图标等,基于它你可以扩展出更多你需要的组件。 :+1: :100: )
https://github.com/owenversteeg/min
http://design.yyuap.com/ ( 类似 Ant.design :+1: :100: )
http://thx.github.io/brix-site/index.html (像使用原生元素一样使用组件 💯 )
https://github.com/weui/weui (微信团队的)
https://github.com/moyus/point (A flexible CSS Framework for building modern responsive web apps 👍 💯 , 学习, 小清新 )
http://ui.talk.ai/volubile-ui/#/ (简聊(Teambition)的 UI 组件)
http://teambition.github.io/TB-Styles/ ( Teambition 的 UI 组件 :+1: )
https://github.com/kylelogue/mustard-ui (一个轻量级的SCSS 框架 👍 💯💯 , 学习 )
https://github.com/ConciseCSS/concise.css (一个轻量级的SCSS 框架 :+1: ) http://picturepan2.github.io/spectre/ (一个轻量级的LASS 框架 :+1: 💯 , 学习, 小清新)
https://github.com/claviska/shoelace-css (一个轻量级的PostNext 框架 👍 💯💯 , 学习, 小清新) https://github.com/mobi-css/mobi.css (一个轻量级的PostNext 框架 👍 💯💯 , 学习, 小清新)
http://jrainlau.github.io/elf/ (一个干净,轻巧的响应式CSS框架。)
http://bourbon.io/docs/ ( A simple and lightweight mixin library for Sass. :+1: :100: , 最完善的)
http://yeticss.com/ (一个轻量级的Stylus 框架 :+1:)
https://github.com/milligram/milligram (A minimalist CSS framework, The base type is 1.6rem (16px) over 1.6 line height (24px) . :+1: )
http://css3lib.alloyteam.com/ (腾讯前端, CSS3 UI 库 :+1: )
https://github.com/fengyuanchen/simpleui ( SCSS 👍 )
https://github.com/jgthms/bulma/ (Sass 现代的 基于 Flexbox CSS 框架,命名法, 参考 :+1: :100:) http://dropbox.github.io/scooter/ (SCSS framework, 细腻 :+1: :100: )
https://github.com/iotacss/iotacss (Smart, open-source, SASS based OCSS framework built for scale. :+1: :100::100:) https://github.com/matejlatin/Gutenberg (文章排版 :+1: :100: )
http://imperavi.com/kube/ (属性命名法, 参考, 细腻 :+1: :100: )
https://github.com/primer/primer , http://primercss.io/scaffolding/ (GitHub 官方CSS框架, 学习 :+1: :100: )
http://www.outlinecss.co.uk/ http://imperavi.com/kube/ http://blazecss.com/ http://siimple.juanes.xyz/reference http://purecss.io/ https://milligram.github.io/
http://elemefe.github.io/postcss-salad/index.html (沙拉是一个基于 PostCSS 的 CSS 解决方案,它提供了一系列快捷的 at-rule 和默认语法声明来帮助你快速地搭建项目样式与类库,它只在调用时才输出代码,而不是直接提供 CSS 类库。 :+1: :100: )
https://github.com/xcatliu/mobi.css (A lightweight, flexible css framework that focus on mobile. SCSS 👍 💯 )
https://github.com/caramelcss/caramel (a simple to use, easy to remember css framework ) https://github.com/bq/penguin (A front-end framework created for front-end developers ) https://github.com/getpavilion/pavilion (Pavilion CSS Framework. A solid starting point without the bloat.)
http://sui.taobao.org/sui/docs/index.html ( taobao 简单易用、功能强大的UI库)
http://thx.github.io/cube/(阿里妈妈)
http://nec.netease.com/(更好的css解决方案)
http://zui.sexy/#/ (一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。, 推荐 👍 💯 ) http://zui.sexy/m/index.html (为移动端设计,基于 Flex 的 UI 框架。 👍 💯 )
https://www.patternfly.org/widgets/#css ( 为企业提供一套标准的UI)
http://panxuepeng.github.io/seajslib/ (Seajs 组件库)
https://github.com/o2team/zeus/ (业务端基础框架)
https://github.com/o2team/channel-base (频道页基础库,依赖于 jQuery 以及 SeaJs, 👍 💯 )
https://github.com/o2team/paipaimo-base (拍拍无线基础库)
https://github.com/o2team/halojs (HaloJS 是一款基于ZeptoJS并采用 CMD 规范面向移动端提供各种实用工具的组件库。)
https://github.com/AlphaTr/tabsmark https://github.com/AlphaTr/jquery-qrcode https://github.com/AlphaTr/scroll-to-top https://github.com/AlphaTr/switchable
https://github.com/fengyuanchen/cropper https://github.com/fengyuanchen/cropperjs https://github.com/fengyuanchen/uploader https://github.com/fengyuanchen/submitter https://github.com/fengyuanchen/viewerjs https://github.com/fengyuanchen/datepicker https://github.com/fengyuanchen/completer https://github.com/fengyuanchen/validator
https://github.com/nielse63/jquery.scrollend https://github.com/nielse63/jquery.resizestart https://github.com/nielse63/jquery.resizeend
https://github.com/octalmage/robotjs (Node.js Desktop Automation. 远程协助)
http://vorlonjs.com/ (Vorlon.js,微软发布,帮助开发者远程测试并调试JavaScript代码帮助开发者远程测试并调试JavaScript代码)
http://node-modli.github.io/modli/ (数据建模,多版本的 CRUD 工具, Data Modeling, Versioning, and CRUD made easy)
http://jquerymy.com/#CW-compatibil (jquery 双向数据绑定插件,例子好)
https://mango.github.io/slideout/ (A touch slideout navigation menu for your mobile web apps. )
https://atmospherejs.com/ (组件搜索 网站参考)
https://fat.github.io/zoom.js ( Medium's Image Zoom for jQuery)
A clean and simple notification plugin (alert/growl style) for javascript, with no dependencies. https://jaredreich.com/projects/notie.js
https://github.com/chenmnkken/ecope (easy components for jQuery )
http://alloyteam.github.io/CodeGuide/ (Alloyteam代码规范 :+1: :100: )
https://github.com/someus/how-to-load-dynamic-script (动态加载js文件 :+1: )
https://github.com/LeaVerou/bliss (接近原生JavaScript 库 :+1: )
https://github.com/kylestetz/CLNDR (日历带mini 事件)
http://www.jqueryscript.net/demo/jQuery-Plugin-For-Extending-Bootstrap-3-Modal-Component/ (Bootstrap3 对话框扩展,侧栏呼出 :+1: )
http://www.jqueryscript.net/demo/jQuery-Plugin-To-Convert-Bootstrap-Select-Into-Dropdown-Button/ (下拉菜单按钮,带智能提示搜索 :+1: )
http://www.jqueryscript.net/demo/Ajax-enabled-Animated-Modal-Plugin-with-jQuery-IPtools-Modal/
http://www.jqueryscript.net/demo/Print-Specified-Area-Of-A-Page-PrintArea/demo/ (选择打印区域)
http://www.jqueryscript.net/demo/Sliding-Side-Menu-Panel-with-jQuery-Bootstrap-BootSideMenu/ (侧栏 菜单呼出)
http://jgerigmeyer.github.io/jquery-loading-overlay/demo/
https://github.com/VPenkov/okayNav (响应式导航 👍 💯 )
http://www.requirejs.cn/docs/optimization.html https://github.com/requirejs/example-multipage ( requirejs 网站组织 :+1: :100: )
Node ORM : Waterline.js和Bookshelf.js
这么可以这么diao
这些资料 我全收了哈。 (最近微信公众号开发用到的ui) http://www.oschina.net/p/jQuery-WeUI
https://github.com/alibaba/anyproxy (AnyProxy是一个基于NodeJS的,可供插件配置的HTTP/HTTPS代理服务器。👍 💯 💯) https://github.com/avwo/whistle (whistle是一款用Node实现的跨平台的Web调试代理工具,支持查看修改http(s)、Websocket连接的请求和响应内容 👍 💯 💯 )
https://web.archive.org/web/ (查看历史网页 👍 💯 💯 )
https://sizzy.co/(浏览器适配查看器) https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template (👍 💯 , 推荐使用) https://github.com/dexteryy/spellbook-of-modern-webdev (现代Web开发技能)
https://aotu.jd.com/share/ (凹凸公开课👍 💯 💯)
https://github.com/pastelsky/bundlephobia (👍 💯 💯)
前端安全
https://www.sohamkamani.com/blog/2017/01/16/web-security-essentials/
https://github.com/wearehive/project-guidelines/blob/master/README-zh.md (JavaScript工程项目的一系列最佳实践策略)
https://github.com/prettier/prettier (代码美化, ES6, JSX, 👍 💯 )
https://npmjs.com/pkg (Package your Node.js project, 打包成可执行文件 👍 💯 )
https://github.com/eleme/ubt-web (埋点,监控, User Behavior Track)
http://jsnice.org/ (js 反编译) https://cocycles.com/ (快速查找知名库的代码片段 :+1: :100: )
https://developers.google.com/speed/pagespeed/insights/ (在线性能测试)
https://devexpress.github.io/testcafe/ (跨浏览器的测试框架 👍 💯 , 推荐使用)
https://js.coach/ http://bestof.js.org/projects/testcafe
https://github.com/javascript-patterns/javascript-patterns (👍 💯 )
https://github.com/guigrpa/oao (前端包管理工具 👍 基于 Yarn) https://github.com/lerna/lerna (A tool for managing JavaScript projects with multiple packages. 👍 )
http://devdocs.io/ (在线前端语言文档 :+1: :100: 好用)
https://service-mocker.js.org/ (新一代的前端模拟数据服务 👍 )
https://js.coach/ ( React, React Native, Webpack, Browserify ,PostCSS ,资源集合快速查找 :+1: https://react.parts/native, 原站点)
https://github.com/pubkey/rxdb (Client-Side Database for Browsers, NodeJS, electron, cordova, react-native and every other javascript-runtime 👍 💯 )
http://jeffcarp.github.io/frontend-hyperpolyglot/ ( 前端流行库框架对比 :+1: :100: )
http://www.joelotter.com/kajero/ (聪明的文档工具,有图表,技术实现 react )
https://httpstatuses.com/ (状态码)
https://github.com/kenberkeley/bigger-jser (前端JSer装逼手册, 好有文采 :+1: )
http://meiert.com/en/indices/html-elements/ (A continuously updated list of all HTML and XHTML elements: :+1: )
http://sudheerdev.github.io/Foundation5CheatSheet/
https://jex.im/regulex/ (JavaScript Regular Expression Visualizer. 正则表达式可视化)
https://github.com/egoist/docute (让你无需编译文件享受到无缝的文档撰写、发布体验。 👍 💯 )
https://github.com/kangax/fabric.js/ (Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser :+1: )
https://github.com/marmelab/restful.js (A pure JS client for interacting with server-side RESTful resources. ES6 :+1: ) https://github.com/marmelab/javascript-boilerplate (Node.js+Koa.js+PostgreSQL+React.js+Webpack+Mocha+Makefile, a starter kit for new apps, ES6, ES7 :+1: )
https://github.com/lcxfs1991/blog/issues/13 , https://github.com/developit/preact (Preact -- React的轻量解决方案 :+1: :100:) https://github.com/Lucifier129/react-lite (小巧的库) http://mithril.js.org/index.html (小巧的库mvc :+1: :100: )
https://github.com/wbkd/yet-another-webpack-es6-starterkit (A lightweight foundation for your next webpack based frontend project. :+1: :100: ,前端开发) https://github.com/wbkd/frontend-starterkit (This webapp starterkit provides a prepared development environment based on gulp, stylus and webpack. :+1: :100: ,前端开发)
http://ricostacruz.com/cheatsheets/ (超实用的小抄 :+1: )
http://ricostacruz.com/dom101/ ( Stop using jQuery :+1: )
http://yanhaijing.com/js/2015/12/29/mini-js-lib/ (不可错过的javascript迷你库 :+1: :100: )
https://tinypng.com/ (在线的png 和 jpg 图片压缩工具,质量很高 :+1: :100: )
代码规范有 ESLint,单元测试有 Karma,集成测试有 CasperJS/Nightwatch,代码覆盖率用 istanbul :+1: :100:
https://github.com/alibaba/f2etest (F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。) http://aotu.io/athena/ (O2前端流程工具)
http://taobaofed.org/blog/2016/01/08/karma-origin/ ( karma测试框架的前世今生 ) http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html(测试框架 Mocha 实例教程)
https://wenjs.me/p/es6-testing-workflow-with-karma (构建基于Karma的ES6测试工作流)
http://www.jqueryscript.net/ (jQuery 插件收藏站点)
https://github.com/airbnb/javascript (最全的规范指南,airbnb 团队在 GitHub 维护的JavaScript Style Guide)
http://boke.io/wo-men-de-qian-duan-2015/ (百度前端 工作流及工具)
http://fecs.baidu.com/ (基于 Node.js 的前端代码检查工具: htmlcs ,csshint , lesslint , jformatter ,支持Gulp :+1: :100: ) http://www.creativenightly.com/2016/02/How-to-lint-your-css-with-stylelint/ (How to lint your Sass/CSS properly with Stylelint)
http://www.w3ctrain.com/2015/12/09/generating-sprites-with-gulp/ (使用gulp生成sprites图片和样式表)
http://ampersandjs.com/ ( Ampersand.js是一个高度模块化、松耦合、不是框架的框架,适合构建高级JavaScript应用。它有良好定义的方法、以及数个轻量级模块构成。Ampersand.js的一切都是满足CommonJS规范的。)
https://github.com/AlloyTeam/Mars (腾讯移动Web前端知识库) https://github.com/jtyjty99999/mobileTech (移动开发资料收藏)
https://github.com/mrmrs/tachyons (Fully responsive, performance first css patterns)
https://github.com/Aaaaaashu/Front-End-Style-Guide (一份全面的前端开发规范手册)
http://uimovement.com/ (最佳UI)
https://github.com/Haonancx/fees (《前端工程规范》 👍 💯 💯 )
Gulp
https://github.com/facebook/draft-js/blob/master/gulpfile.js ( FB 的 Gulp 配置 :+1: :100: )
https://github.com/alferov/awesome-gulp ( gulp 收藏,资源列表、插件、自动化、工程 :+1: ) https://github.com/nimojs/gulp-book ( Gulp 入门 :+1: ) https://github.com/lisposter/gulp-docs-zh-cn (gulp 简体中文文档 :+1: )
https://github.com/mantis-stack/mantis-starter ( gulp, 好用的工具集合 :+1: :100: ) https://github.com/google/web-starter-kit ( googel , gulp, 好用的工具集合 :+1: :100: )
https://github.com/720kb/comunicator (gulp tasks, gulp rollup :+1: :100: ,学习)
https://github.com/localvoid/kivi/blob/master/gulpfile.js ( gulp4 + rollup :+1: :100: ,学习 )
https://github.com/nieweidong/fetool ( 大前端工具集 )
http://www.awesomes.cn/(也许是最好的开源前端库、框架和插件集合 :+1: :100: )
https://zhuanlan.zhihu.com/p/24598210 (2016 年 50 个最佳的轻量级 JavaScript 框架和库 👍 )
http://f2er.club/ (前端导航。)
http://flightjs.github.io/ (An event-driven web framework, from Twitter)是个用于构建组件的轻量级框架。它没有通过太多“神奇”的东西来为DOM节点添加行为。它的事件驱动和基于组件的特点,促使开发人员写出低耦合的代码。
http://photoswipe.com/ (JavaScript gallery, no dependencies. 照片画廊)
http://t3js.org (A minimal component-based JavaScript framework )
https://idriskhenchil.me/fort (Modern progress bar for form completion. )
https://github.com/lodash/lodash/ (取代 Underscore.js)
https://github.com/ded/reqwest (browser asynchronous http requests, It's AJAX All over again. Includes support for xmlHttpRequest, JSONP, CORS, and CommonJS Promises A. 👍 💯 )
superagent.js 一个非常方便的客户端请求代理模块,可方便的使用get,post,put,delete,head动词, 异步回调中封装了http状态码和业务数据等等.
https://github.com/visionmedia/supertest ( 测试,客户端请求代理模块)
https://github.com/mzabriskie/axios (一个基于promises的JavaScript HTTP客户端,并且认为比Fetch更好,支持 异步编程的Promise模式, 一个非常方便的客户端and Node 请求代理模块,可方便的使用get,post,put,delete,head动词,无缝地处理JSON数据和头数据, :+1: :100: , 推荐使用) https://ykloveyxk.github.io/2017/02/25/axios%E5%85%A8%E6%94%BB%E7%95%A5/ (axios全攻略)
https://github.com/request/request (Simplified HTTP client :+1: :100: )
https://github.com/github/fetch (下一代的AJAX)
dropzone.js
一个强大的文件上传库, 可获取文件mime, 文件大小等; 针对图片可生成缩略图, 获取图片宽度,高度.
https://github.com/handsontable/handsontable (强大的电子表格插件 :+1: :100: )
backgrid.js
一个强大的表格组件.
http://listjs.com/ (List.js 一个能够实现的灵活列表的JavaScript包, 👍 💯 )
director.js 客户端路由
一个强大的前端路由库, 通过
#
符号进行路径组织, 结合vue
的component
可进行单页的局部模块刷新.https://github.com/progrape/router (Weui路由 :+1: )
http://visionmedia.github.io/page.js (Micro client-side router inspired by the Express router)
https://github.com/guanMac/route (简单路由管理模块 es6)
http://intercoolerjs.org (Making AJAX as easy as anchor tags )
https://github.com/marcuswestin/store.js ( localStorage )
https://github.com/ChiperSoft/Kalendae (好看的日历) https://github.com/bevacqua/rome (好用的日历)
https://github.com/xdan/datetimepicker (jQuery Plugin Date and Time Picker) https://github.com/eternicode/bootstrap-datepicker (日历和时间) http://jonthornton.github.io/Datepair.js/ (日历和时间,bootstrap-datepicker 的二次封装 ) https://github.com/eternicode/bootstrap-datepicker (好 :+1: :100: )
https://github.com/singod/jeDate (国产日历)
https://github.com/chmln/flatpickr/ ( :+1: :100: , 推荐)
https://github.com/MohammadYounes/AlertifyJS ( 好用对话框和消息框 dialogs and notifications.)
http://www.welefen.com/use-ajax-and-pushstate.html (pushState是一个可以操作history的api,该api的介绍和使用请见这里:)
http://layer.layui.com ( 最懂你的、跨终端的web弹层组件) http://aui.github.io/artDialog/ (经典的网页对话框组件,内外皆用心雕琢)
https://github.com/leafo/sticky-kit/ (悬浮盒子,悬浮导航)
https://github.com/kemayo/maphilight (热区轮廓)
http://photoswipe.com/ ( gallery 图片画廊)
https://github.com/HubSpot/drop (浮动提示--作者详情提示, es6 ,scss 👍 ) https://github.com/sandywalker/webui-popover ( 功能最强大的Popover 👍 💯 )
https://github.com/quilljs/quill (一个现代的富文本编辑器, ES6模块结构)
https://github.com/arboshiki/lobibox (最好的消息提示框 :+1: ) https://jaredreich.com/projects/notie.js/ (Notie.js 是一个简单的JavaScript通知插件,不需要任何依赖 :+1: )
http://agragregra.github.io/Brazzers-Carousel/ (旋转式滚动插件)
http://idealimageslider.com/ (幻灯片滚动)
http://dev7studios.com/dropit/ (简单下拉菜单插件)
http://avxto.github.io/nuContextMenu/(右击菜单)
http://onehackoranother.com/projects/jquery/tipsy/ (类似 github的tip)
https://github.com/n33/skel (一个轻量级的响应式框架 :+1: )
https://github.com/nielse63/Chicago (前端用户界面开发 库 :+1: :100: )
https://github.com/nimojs/blog/issues/23 (Paging 简单自由的分页生成器)
http://stephanwagner.me/jBox/demos (Tooltips ,Modal windows,Confirm windows ,Notices ,Images :+1: :100: )
http://twitter.github.io/labella.js/index.html (时间轴插件 :+1: )
https://github.com/selectize/selectize.js (textbox select,非常漂亮的下拉框插件 :+1: :100: ) http://phossa.github.io/smartselect/docs/index.html (multiple select plugin, 带迷你工具条 :+1: :100: ) https://github.com/lodev09/bootstrap-dropselect ( 下拉框 select ) https://github.com/silviomoreto/bootstrap-select
https://github.com/toddmotto/echo (Lazy-loading images with data-* attributes , 轻量级,Lazy-loading images with data-* attributes 属性图片延迟加载。
https://github.com/mycolorway/simditor (An Easy and Fast WYSIWYG Editor http://simditor.tower.im)
https://github.com/mycolorway (彩程设计 ,大量的 simple UI 组件 :+1: :100: )
http://magnustovslid.com/projects/schedulerjs (move time pickers within the schedule to find a time where everyone is free. 会议 或者 工作 时间 序列 插件 :+1: )
http://magnustovslid.com/projects/folderselect ( 文件夹,目录选择插件 )
https://github.com/tuupola/jquery_lazyload (图片预加载)
https://github.com/tuupola/jquery_chained (select 联动选择)
https://github.com/kazzkiq/CodeFlask.js#codeflaskjs ( A micro code-editor for awesome web pages.)
https://github.com/addyosmani/basket.js (A script and resource loader for caching & loading files with localStorage :+1: :100: , 本地存储缓存应用的脚本)
https://github.com/Wisembly/basil.js ( +1: :100: , 本地存储缓存, The missing Javascript smart persistence layer. Unified localstorage, cookie and session storage JavaScript API.)
https://github.com/FezVrasta/popper.js (A ~3.5KB kickass library to manage your poppers, 原生的气泡浮层 :+1: :100: )
https://github.com/atomiks/tippyjs (Tippy.js is a lightweight, pure JS tooltip library powered by Popper.js. :+1: :100: )
https://github.com/arasatasaygin/is.js/blob/master/is.js ( 一个小巧的正则表达式验证库, :+1: :100: )
https://github.com/LeaVerou/awesomplete/blob/gh-pages/awesomplete.js (文本框自动提示 :+1: :100: )
https://github.com/OwlCarousel2/OwlCarousel2 (响应式画廊 :+1: :100: )
http://kenwheeler.github.io/slick/ (响应式的图片画廊)
https://github.com/flickr/justified-layout (Flicker 网格 画廊 :+1: :100: )
https://github.com/WickyNilliams/headroom.js (网页头部 隐藏和显示)
https://github.com/huacnlee/social-share-button (社区分享按钮 👍 💯 )
https://github.com/chinchang/superplaceholder.js (placeholder, 原生)
https://github.com/davist11/jQuery-One-Page-Nav (👍 💯 )
http://mmkjony.github.io/jQuery.toTop/(回到顶部) https://github.com/peachananr/onepage-scroll (Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin)
https://github.com/thinker3197/progressively ( load images progressively,👍 💯 )
https://github.com/austenpayan/skippr (幻灯片 👍 💯 )
https://github.com/juliangarnier/anime/ (一个小巧动画库) http://olifolkerd.github.io/tabulator/ (The easy to use, fully featured JQuery table plugin, 强大的表格插件 👍 💯 )
https://github.com/chmln/flatpickr
https://github.com/dvLden/Vidage (背景视频和图片)
https://github.com/guillaumepotier/Parsley.js/ (表单验证 👍 💯 )
https://github.com/facebook/draft-js ( A React framework for building text editors. FB文本编辑器 :+1: :100: )
https://github.com/ory/editor (可视化文章编辑器, :+1: :100: :100:)
http://fusejs.io/ (JS 模糊搜索插件 :+1: :100: )
https://github.com/farzher/fuzzysort (JS 模糊搜索插件 :+1: :100: ,推荐)
https://github.com/quilljs/quill ( 现代的,功能强大的 文本编辑器 :+1: :100: , ES6)
https://gold.xitu.io/post/58462c392f301e005c171f85 (15 个有趣的前端库(September 2016))
https://github.com/muicss/loadjs (轻量级的现代加载器 👍 )
https://github.com/algolia/places (Turn any into an address autocomplete, 地理位置 智能搜索提示插件 👍 💯 )
http://felicegattuso.com/projects/datedropper/ (日历) https://github.com/chmln/flatpickr (日历)
jQuery 类库
https://github.com/myronliu347/jquery-grocery (jquery 杂货店,项目中总结的基于jquery封装的代码) https://github.com/developit/unfetch (fetch 👍 💯 )
https://github.com/elbywan/wretch (A tiny (< 1.5Kb g-zipped) wrapper built around fetch with an intuitive syntax.)
jQuery UI
https://github.com/openjavascript/jquerycomps (Open JQuery Components Library 👍 💯 ) https://github.com/lily3025/component (Open JQuery Components Library 👍 💯 ) https://github.com/LeoHuiyi/leoUi (学习 :+1: )
规范
https://fed.renren.com/2017/08/20/html-css-js-code-specification/ (HTML/CSS/JS编码规范)
http://zhibimo.com/read/Ashu/front-end-style-guide/index.html (前端开发规范手册) https://github.com/o2team/guide (京东前端规范文档)
PAJX (Ajax + pushState), 推荐使用 💯
https://github.com/defunkt/jquery-pjax
https://github.com/rstacruz/nprogress ( pjax+nprogress 提升 用户体验)
https://m.aliexpress.com/ ( 阿里巴巴, pjax)
js 加载
https://github.com/ded/script.js (Asyncronous JavaScript loader and dependency manager)
https://elemefe.github.io/bowl/#/zh-cn (bowl 是一个用 localStorage 来缓存脚本和样式资源的加载器。 👍 💯 ) https://github.com/addyosmani/basket.js (用 localStorage 来缓存脚本和样式资源的加载器。 👍 💯 )
库
https://github.com/jawil/blog/issues/10 (实用、轻量级、无依赖的插件和库)
http://markojs.com/ (a friendly (and fast!) UI library that makes building web apps fun)
命令行工具
https://github.com/mattallty/Caporal.js
https://gold.xitu.io/entry/58b8d190570c35005993884f (用 Node.js 开发命令行工具)
https://github.com/botpress/botpress (参考项目的 cli )
https://juejin.im/post/58f38d33a22b9d006cfb1ea5 ( 用 node.js 开发一个可交互的命令行应用)
https://github.com/skygragon/leetcode-cli (参考)
https://github.com/vuejs/vue-cli (👍 💯) https://github.com/umijs/umi/tree/master/packages/af-webpack (👍 💯)
https://github.com/heyui/hey-cli (webpack脚手架,hot-dev-server,build。 不需要理解webpack,只需要知道如何配置就可以使用,摆脱繁琐重复的webpack配置。 👍 💯 )
自动化构建工具
https://github.com/jaredpalmer/razzle (Create server-rendered universal JavaScript applications with no configuration)
长列表库
https://github.com/NeXTs/Clusterize.js https://github.com/bvaughn/react-virtualized
性能优化
http://jinlong.github.io/2017/05/08/optimising-the-front-end-for-the-browser/
jQuery组件库
https://github.com/yued-fe/lulu (基于jQuery,针对PC网站,兼容IE7+(modern主题)或IE8+(peak主题)的前端UI框架。👍 💯 💯, 学习)
https://github.com/lily3025/component (奇舞团)
https://github.com/sentsin/layui (小清新)
https://github.com/Janking/infinite-ui (基于 jQuery 开发的开源组件库 👍 💯 )
https://github.com/Janking/dropdown (面向PC端的基于jQuery开发的轻量级下拉框插件,支持key/value搜索,有token和select两种模式。)
懒加载
https://github.com/ApoorvSaxena/lozad.js (高效的图片懒加载, 👍 💯)
HTML5 推送
https://github.com/Nickersoft/push.js (PC通用的桌面推送插件)
类似jQuery的小库
https://github.com/arguiot/DisplayJS ( 👍 💯 )
CSS3 图片处理
https://github.com/picturepan2/instagram.css ( 👍 💯 )
动画库
https://github.com/Popmotion/popmotion (The JavaScript motion engine. Create unique animations and interactions with tweens, physics and input tracking. 👍 💯)
SSR
https://github.com/zeit/next.js
https://github.com/jaredpalmer/after.js (Next.js-like framework for server-rendered React apps built with React Router 4)
打印
https://github.com/jasonday/printThis
CSS IN JS
https://www.styled-components.com/ ( 💯 👍 推荐使用 ) https://github.com/emotion-js/emotion ( 💯 👍 最新推荐使用 )