awesome-frontend
Frontend toolkit
A curated list of frontend libraries, resources, and tools for building web applications.
A curated list of amazingly awesome frontend libraries, resources and shiny things.
2k stars
105 watching
304 forks
last commit: 6 months ago
Linked from 3 awesome lists
awesome
前端组件库 | |||
| awesome-php | 1,872 | over 2 years ago | 一个常用的PHP类库, 资源以及技巧列表 推荐 |
前端组件库 / 0. 前端自动化(Workflow) / 前端构建工具 | |||
| Webpack - module bundler | 64,791 | 6 days ago | |
| Yeoman - a set of tools for automating development workflow | 10,083 | about 2 years ago | |
| gulp - The streaming build system | |||
前端组件库 / 0. 前端自动化(Workflow) / 前端构建工具 / gulp - The streaming build system | |||
| use-gulp | 839 | over 7 years ago | |
前端组件库 / 0. 前端自动化(Workflow) / 前端构建工具 | |||
| grunt - the JavaScript Task Runner | |||
| F.I.S - 前端集成解决方案 | 2,959 | almost 3 years ago | |
| Web Starter Kit - 一个Google 提供的帮助开发者快速设置项目的工具集 | 18,417 | 7 months ago | |
| node-prune | 4,410 | almost 2 years ago | Remove unnecessary files from node_modules |
前端组件库 / 0. 前端自动化(Workflow) / 前端模块管理器 | |||
| Bower - A package manager for the web | |||
| Browserify | |||
| Component | 4,545 | almost 7 years ago | |
| Duo | |||
| RequireJS | |||
| Sea.js | |||
| LABjs - 文件加载器 | 2,278 | over 5 years ago | |
| css-modulesify - CSS模块加载器 | 403 | about 5 years ago | |
前端组件库 / 0. 前端自动化(Workflow) / css预处理器 | |||
| Less - Less is More , Than CSS | |||
| Sass - Syntactically Awesome Style Sheets | |||
| Stylus - Expressive, dynamic, robust CSS | |||
前端组件库 / 0. 前端自动化(Workflow) / 前端性能分析工具 | |||
| analyze-css - CSS 选择器的复杂度和性能分析器 | 699 | 6 days ago | |
前端组件库 / 1. 前端UI框架(Frameworks) | |||
| Bootstrap | 170,886 | 7 days ago | |
| Foundation | 29,666 | about 2 months ago | |
| Amaze UI | |||
| Semantic UI | 51,114 | 5 months ago | |
| Pure CSS | |||
| topcoat | 4,257 | over 6 years ago | |
| UIkit | 18,322 | 4 days ago | |
| Material UI | 93,969 | 3 days ago | |
| Materialize - 一个基于 Material Design 的 CSS 框架 | 38,863 | about 1 month ago | |
| Framework7 | |||
| mui | 13,485 | over 3 years ago | |
| ionic framework | |||
| Fries | 1,548 | over 8 years ago | |
| jQuery Mobile | |||
| App.js | |||
| Office UI Fabric - 微软 Office 前端团队的框架 | 3,768 | 7 months ago | |
| Polymer - Google发布的Web组件构建框架 | |||
| Layui - 经典模块化前端UI框架 | 29,671 | 7 days ago | |
| wired-elements | 10,526 | about 1 year ago | 一个有手绘效果的网页组件库 |
| mustard-ui | 1,030 | almost 2 years ago | 一个简洁、好看的 CSS 框架，压缩后只有5.28KB |
| taro-ui | 4,547 | 3 months ago | 一款基于 Taro 框架开发的多端 UI 组件库 |
| alibaba/ice | 17,848 | 6 days ago | 飞冰是一套基于 React 的中后台应用解决方案 |
前端组件库 / 2. JavaScript 框架汇总 | |||
| react | 229,269 | 6 days ago | |
前端组件库 / 2. JavaScript 框架汇总 / react | |||
| ant-design | 92,538 | 6 days ago | A UI Design Language |
| ant-design-mobile | 11,662 | 9 days ago | A configurable Mobile UI |
| ant-design-pro | 36,535 | 17 days ago | An out-of-box UI solution for enterprise applications |
前端组件库 / 2. JavaScript 框架汇总 | |||
| Angular | 96,223 | 6 days ago | |
| Vue.js | 16 | over 7 years ago | 数据驱动的组件化MVVM库(用于创建web交互界面和数据双向绑定) |
前端组件库 / 2. JavaScript 框架汇总 / Vue.js | |||
| vueComponent/ant-design-vue | 20,272 | 10 days ago | An enterprise-class UI components based on Ant Design and Vue |
| awesome-vue | 72,238 | 3 days ago | |
| Element - 基于 Vue 2.0 构建了一套完整的桌面 UI 组件库 | |||
| Vuex - 一个专门为 Vue.js 应用设计的状态管理架构 | 28,417 | about 2 months ago | |
| at-ui - 一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站产品 | 2,338 | almost 2 years ago | |
| Mint UI：基于 Vue.js 的移动端组件库 | 16,556 | over 2 years ago | |
| Vux - 基于 Vue 和 WeUI 的 UI 组件库 | 17,592 | 7 months ago | |
| vonic - 基于 Vue.js 和 Ionic 的移动 UI 组件库 | 3,397 | almost 3 years ago | - |
| iView - 一套基于 Vue.js 的高质量 UI 组件库 | 23,957 | 10 months ago | |
| vue-i18n | 7,280 | 3 months ago | |
前端组件库 / 2. JavaScript 框架汇总 | |||
| preact | 36,827 | 6 days ago | React 的 3kb 轻量化方案，拥有同样的 ES6 API |
| jQuery | 59,230 | 16 days ago | |
| Backbone.js | 28,080 | 3 months ago | |
| ember.js | 22,467 | 4 days ago | |
| Ractive.js | 5,936 | 6 months ago | |
| KISSY | 2,697 | over 8 years ago | |
| Zepto.js | 15,000 | about 2 years ago | |
| Vanilla JS | |||
| Can.js | |||
| Avalon | 5,796 | over 5 years ago | |
| T3 JavaScript Framework - 一个用于搭建大型Web应用的客户端JS框架 | 1,554 | over 2 years ago | |
| jsblocks - Better MV-ish Framework 从简单 UI 到复杂单页应用都适用 | 2,770 | 4 months ago | |
| Min.js - Super minimal selector and event library | 1,097 | over 11 years ago | |
| skel.js - A lightweight responsive framework | 2,212 | over 6 years ago | |
| Sprint.js - 一个高性能、小体积的 DOM 操作库 | 4,221 | almost 8 years ago | |
| knockout | 10,472 | 5 months ago | |
| PhantomJS - 一个基于 WebKit 的服务器端 JavaScript API | 29,465 | almost 2 years ago | |
| Bacon.js - A small functional reactive programming lib for JavaScript. | 6,470 | 5 months ago | |
| Flapjax - 一个支持FRP的JavaScript框架 | |||
| Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 | ||
| React Native | 使用JavaScript和React构建原生手机APP | ||
| electron-react-boilerplate | 23,286 | 2 months ago | Electron应用程序样板(基于React、Redux、React Router、Webpack、React Transform HMR用于应用程序快速开发) |
| Weex | 13,744 | over 3 years ago | Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架 |
| Flutter | 166,347 | 4 days ago | Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面 |
| Tencent/weui-wxss | 15,112 | 21 days ago | WeUI for 小程序 为微信小程序量身设计 |
| Tencent/wepy | 22,544 | about 1 year ago | 小程序组件化开发框架 |
| youzan/vant-weapp | 17,779 | 20 days ago | 轻量、可靠的小程序 UI 组件库 |
| Meituan-Dianping/mpvue | 20,416 | over 2 years ago | 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系 |
| meili/minui | 基于规范的小程序 UI 组件库，自定义标签组件，简洁、易用、工具化 | ||
| NervJS/taro | 35,609 | 6 days ago | 多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用 |
| dcloudio/uni-app | 40,135 | 6 days ago | 使用 Vue.js 开发跨平台应用的前端框架 |
| didi/chameleon | 9,020 | almost 2 years ago | 一套代码运行多端，一端所见即多端所见 |
| zhuanzhuanfe/fancy-mini | 351 | over 1 year ago | 小程序代码库，封装一些常用的功能模块和ui组件。 |
| underscore.js | 27,341 | about 1 month ago | |
| Underscore.string.js字符串操作库 | 3,369 | over 1 year ago | |
| functional.js | |||
| Lo-Dash - A JavaScript utility library | 59,875 | about 2 months ago | |
| Lazy.js - a functional utility library for JavaScript | 6,008 | over 4 years ago | |
| Fn.js | 15 | almost 9 years ago | |
| Way.js - 双向数据绑定库 | 2,871 | 5 months ago | |
| boiler - a utility library that makes tasks in JavaScript easier | 42 | about 2 years ago | |
前端组件库 / 2. JavaScript 框架汇总 / 快捷键操作 | |||
| KeyboardJS | 2,097 | almost 2 years ago | A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts |
| mousetrap | 11,685 | over 1 year ago | Simple library for handling keyboard shortcuts in Javascript |
| Keys.js - 应用快捷键 | 359 | over 8 years ago | |
| simple-hotkeys | 11 | over 5 years ago | |
| jquery.hotkeys | 2,560 | about 3 years ago | |
| Mousetrap - 键盘快捷键操作 | 11,685 | over 1 year ago | |
前端组件库 / 2. JavaScript 框架汇总 | |||
| AlloyLever - 移动web开发者工具面板 | 1,384 | over 6 years ago | |
前端组件库 / 3. 前端游戏框架 | |||
| cocos2d-html5 | 3,065 | 11 months ago | |
| Egret Engine | |||
| LimeJS | 1,394 | almost 7 years ago | |
| EaselJS | 8,145 | 2 months ago | |
| three.js | 102,744 | 6 days ago | |
| AlloyStick | 438 | over 7 years ago | |
| The-Best-JS-Game-Framework | 469 | about 7 years ago | |
| CanvasEngine | 384 | 9 days ago | |
| Quintus | 1,413 | 10 months ago | |
| Stage.js | 2,432 | about 1 month ago | |
| phaser - 一个快速、免费、开源的 HTML5 游戏框架 | 37,159 | 6 days ago | |
| p2.js | 2,647 | over 2 years ago | web 物理引擎 |
前端组件库 / 4. ui组件库(CSS Framework) | |||
| WeUI - 微信官方UI库 | 27,188 | 21 days ago | |
前端组件库 / 4. ui组件库(CSS Framework) / WeUI - 微信官方UI库 | |||
| jQuery WeUI - WeUI的jQuery版本 | 4,452 | almost 5 years ago | |
前端组件库 / 4. ui组件库(CSS Framework) | |||
| GMU - 基于zepto的ui组件库，适用于移动端 | 1,087 | over 7 years ago | |
| FrozenUI - 腾讯移动端组件库 | 3,002 | over 6 years ago | |
| NEC - 更好的CSS方案 | |||
| NEJ - 更好的JS解决方案 | |||
| Pure CSS Components | 692 | about 1 month ago | |
| magic-of-css | 6,638 | about 2 years ago | |
| Primer - The CSS toolkit and guidelines that power GitHub | 12,568 | 6 days ago | |
| light7 - A Light and easy to use UI Lib | |||
| Spectre.css - 轻量、响应式的现代 CSS 框架 | 11,334 | 7 months ago | |
| mobi.css - 一个轻量、灵活的移动端 CSS 框架 | 2,337 | about 7 years ago | |
前端组件库 / 5. 基础模版 / 浏览器统一(Cross Browser) | |||
| HTML5 BOILERPLATE | 56,583 | 16 days ago | |
| Modernizr | 25,655 | 25 days ago | |
| Normalize.css | 52,532 | 5 months ago | |
| HTML5 Shiv - 让ie浏览器成为支持html5的浏览器的解决方法 | 9,889 | 5 months ago | |
| cssFx - 为CSS3自动生成浏览器前缀 | 278 | about 7 years ago | |
| -prefix-free - Break free from CSS prefix hell | 3,821 | about 3 years ago | |
| ieBetter.js - make ie browser like a morden browser main for ie6~ie8 | 796 | over 7 years ago | |
| es6-promise - Promise 对象的兼容 | 7,292 | about 2 years ago | |
前端组件库 / 5. 基础模版 / 响应式 | |||
| Responsive - 响应式布局 | 867 | over 1 year ago | |
| Enquire.js - Awesome Media Queries in JavaScript | 3,623 | over 2 years ago | |
| Free Wall - 创建桌面，移动和平板的动态网格布局 | 1,845 | over 4 years ago | |
前端组件库 / 5. 基础模版 / 适配方案 | |||
| MetaHandler.js：移动端适配各种屏幕无痛工具脚本 | 295 | over 7 years ago | |
| lib-flexible: 移动端自适应方案 | 12,528 | about 1 year ago | |
前端组件库 / 5. 基础模版 / 适配方案 / lib-flexible: 移动端自适应方案 | |||
| 参考: 使用Flexible实现手淘H5页面的终端适配 | 7,587 | over 8 years ago | |
| flexible demo 1 | |||
| flexible demo 2 | |||
前端组件库 / 5. 基础模版 / 适配方案 | |||
| pageResponse | 688 | about 5 years ago | |
| responsive-page | 146 | over 5 years ago | |
前端组件库 / 6. 排版 | |||
| yue.css | 493 | over 1 year ago | |
| typo.css | 4,509 | about 4 years ago | |
| chinese-copywriting-guidelines - 中文文案排版指南 | 14,309 | 6 months ago | |
前端组件库 / 7. 网格系统 | |||
| grid | 1,283 | over 3 years ago | |
| Flexbox Grid | 9,381 | about 4 years ago | |
| MasonJS - creating a perfect grid | 1,220 | over 7 years ago | |
前端组件库 / 8. 路由和链接(Routing And URLs) | |||
| History.js - gracefully supports the HTML5 History/State APIs | 10,737 | almost 3 years ago | |
| jquery-pjax - pushState+ajax | 16,726 | almost 2 years ago | |
| jquery-address - Deep Linking | 813 | over 8 years ago | |
| page.js - Micro client-side router | 7,684 | over 1 year ago | |
| crossroads.js | 1,438 | about 1 year ago | |
| hash.js | 156 | over 10 years ago | |
| path.js | 1,096 | over 7 years ago | |
| director.js - 前端路由库(通过#符号进行路径组织,结合vue的component可进行单页的局部模块刷新) | 5,603 | almost 4 years ago | |
| URI.js | 6,255 | about 1 year ago | |
| Roadcrew.js | 47 | over 9 years ago | |
| SpeakingURL | 1,116 | 8 months ago | |
| uparams - An URL params parser | 3 | about 8 years ago | |
| StateMan - 一个处理深层次单页系统的路由库 | 388 | almost 3 years ago | |
| qs - A querystring parser with nesting support | 8,571 | 4 days ago | |
| query-string | 6,761 | 11 days ago | Parse and stringify URL query strings |
前端组件库 / 9. UA 识别 | |||
| detector | 882 | over 3 years ago | |
| ua-parser-js | 9,246 | 5 days ago | |
| platform.js | 3,224 | about 1 year ago | |
前端组件库 / 10. 表单处理 / 10.1 表单验证(Form Validator)/表单提示 | |||
| Validator | 610 | about 1 year ago | |
| Parsley | 9,037 | over 1 year ago | |
| jquery.form.js - jQuery Form Plugin | 5,194 | 11 months ago | |
| Validform | 66 | over 6 years ago | |
| validator.js | 283 | over 5 years ago | |
| jquery-validation - jQuery Validation Plugin | 10,353 | 4 months ago | |
| formvalidator.js | 972 | about 3 years ago | |
| Fort.js – 表单填写进度提示 | |||
| mailcheck - 用于检测email地址的域名 | 7,954 | over 2 years ago | |
| Floatlable.js - 输入时显示placeholder文本 | 748 | over 7 years ago | |
| jQuery Label Better | 517 | over 4 years ago | |
| validator.js | 48 | over 7 years ago | |
前端组件库 / 10. 表单处理 / 10.2 < input > 相关 | |||
| cleave.js - 格式化你的输入内容 | 17,956 | 12 months ago | |
前端组件库 / 10. 表单处理 / 10.3 < select > 相关 | |||
| Chosen | 21,847 | about 2 years ago | |
| Select2 | 25,902 | 2 months ago | |
| bootstrap-select | 9,852 | 4 months ago | |
前端组件库 / 10. 表单处理 / 10.4 单选框/复选框相关 | |||
| iCheck - 增强复选框和单选按钮 | 7,376 | almost 4 years ago | |
| Switchery - iOS 7 style switches for your checkboxes | 2,055 | over 3 years ago | |
前端组件库 / 10. 表单处理 / 10.5 上传组件 | |||
| jQuery File Upload Plugin | 30,945 | over 1 year ago | |
| 百度 Web Uploader | |||
| uploadify | |||
| Plupload | 5,634 | 4 months ago | |
| Fine Uploader | |||
| arale-upload - 轻量级 iframe and html5 file uploader | 85 | almost 9 years ago | |
| Dropzone.js - 文件上传库(可获取文件mime, 文件大小等; 针对图片可生成缩略图,获取图片宽度,高度) | 18,142 | 4 months ago | |
| flow.js | 2,965 | over 1 year ago | |
| localResizeIMG - 前端本地客户端压缩图片，兼容IOS，Android，PC | 3,232 | over 3 years ago | |
| simple-uploader | 85 | almost 6 years ago | |
前端组件库 / 10. 表单处理 / 10.6 日期选择 | |||
| tui.calendar | 12,044 | 5 months ago | A JavaScript calendar that everything you need |
| Both Date and Time picker widget based on twitter bootstrap | 3,490 | almost 6 years ago | |
| GMU 日历组件 | |||
| Mobiscroll | 1,543 | about 2 years ago | |
| Pikaday - 日期选择器 | 8,013 | 4 months ago | |
前端组件库 / 10. 表单处理 / 10.6 日期选择 / 价格日历 | |||
| PriceCalendar - 酒店价格日历 | 47 | about 12 years ago | |
前端组件库 / 10. 表单处理 / 10.6 日期选择 / 价格日历 / PriceCalendar - 酒店价格日历 | |||
| API文档 | |||
| DEMO | |||
前端组件库 / 10. 表单处理 / 10.6 日期选择 / 价格日历 | |||
| price-calendar - 价格日历 | 21 | over 9 years ago | |
| price_calendar - 含有商品价格的日历控件 | 0 | over 9 years ago | |
前端组件库 / 10. 表单处理 / 10.6 日期选择 | |||
| airbnb/react-dates | 12,232 | 8 months ago | Airbnb 的日期选择器 |
前端组件库 / 10. 表单处理 / 10.7 取色 | |||
| Colorpicker plugin for Twitter Bootstrap | 1,376 | over 2 years ago | |
| average-color - Get Average Color of Image | 220 | about 6 years ago | |
前端组件库 / 10. 表单处理 / 10.8 标签插件(Tag) | |||
| TaggingJS – 可以灵活定制的 jQuery 标签系统插件 | 933 | over 7 years ago | |
| selectize.js | 13,029 | 6 days ago | |
| Bootstrap Tags Input | 3,066 | 4 months ago | |
| jQuery-Tags-Input | 2,289 | over 6 years ago | |
前端组件库 / 10. 表单处理 / 10.9 自动完成插件 | |||
| algolia/autocomplete.js | 5,055 | 6 days ago | 自动补全插件 |
| At.js - 一个Twitter/微博样式的@自动完成插件 | 5,293 | about 3 years ago | |
| jquery-textcomplete - 智能搜索提示框/自动补全 | 1,740 | 12 months ago | |
| typeahead.js - a fast and fully-featured autocomplete library | 16,518 | over 1 year ago | |
前端组件库 / 10. 表单处理 / 10.10 样式修正 | |||
| autosize - 使文本框自动适应所输入的内容 | 5,100 | almost 2 years ago | |
前端组件库 / 11. 图表绘制/图形库(Graphics) | |||
| apache/incubator-echarts | 60,632 | 6 days ago | 百度开源可视化库 |
| alibaba/BizCharts | 6,169 | about 1 year ago | 阿里巴巴桌面端商业统计图表解决方案 |
| antvis/f2 | 7,890 | 6 days ago | 蚂蚁金服移动端可视化解决方案 |
| Highcharts | 12,049 | 5 days ago | |
| Chart.js | 64,791 | 17 days ago | Simple HTML5 Charts using Canvas |
| Chartist.js | 72 | 7 months ago | |
| D3.js | 108,976 | 30 days ago | A JavaScript visualization library for HTML and SVG |
前端组件库 / 11. 图表绘制/图形库(Graphics) / D3.js | |||
| intro-to-d3 | 602 | about 3 years ago | a D3.js tutorial |
前端组件库 / 11. 图表绘制/图形库(Graphics) | |||
| Bonsai | 1,964 | almost 7 years ago | 一个功能强大的JavaScript图形库 |
| epoch | 4,971 | almost 6 years ago | 数据图表可视化 |
| Vis.js | 7,846 | over 5 years ago | |
| Coutour.js | 120 | 3 months ago | |
| ecomfe/zrender | 6,060 | 5 days ago | 一个轻量级的Canvas类库，MVC封装，数据驱动，提供类Dom事件模型，让canvas绘图大不同！ |
| apexcharts.js | 14,408 | 11 days ago | Interactive and Modern SVG Charts |
| mapbox/mapbox-gl-js | 11,228 | 7 days ago | MapboxGL 基于 WebGL 使用矢量切片和 Mapbox 样式渲染交互式地图 |
| Kujiale-Mobile/Painter | 4,332 | 8 months ago | 小程序生成图片库 |
| canvg/canvg | 3,670 | about 1 month ago | Javascript SVG parser and renderer on Canvas |
前端组件库 / 12. 日期格式化 & 时间轴 | |||
| Moment.js | 日期处理 | ||
| Day.js | 47,000 | 10 days ago | 日期处理 |
| Smart Time Ago | 583 | almost 5 years ago | 显示相对时间 |
| timeline.js | 545 | over 2 years ago | |
| timeago.js | 5,325 | 4 months ago | |
| date-utils | Date Pollyfills for Node.js and Browser | ||
前端组件库 / 13. 页面交互 / 13.1 Slider | |||
| slick - the last carousel you'll ever need | 28,537 | 3 months ago | |
| Swipe - the most accurate touch slider | 6,793 | over 4 years ago | |
| Swiper - Most modern mobile touch slider | 39,949 | 10 days ago | |
| iscroll - Smooth scrolling for the web | 12,872 | almost 6 years ago | |
| iSlider - 移动端滑动组件 | 1,654 | 11 months ago | |
| OwlCarousel - create beautiful responsive carousel slider | 2 | about 6 years ago | |
| jquery-mousewheel - jQuery鼠标滚轮滚动侦测插件 | 3,901 | about 1 month ago | |
| Glide.js - 轻量级滑块组件 | 7,338 | 5 months ago | |
| PhotoSwipe | 24,248 | 4 months ago | |
| TouchSlide - 触屏滑动特效(焦点图,Tab切换) | |||
| better-scroll | 16,475 | 5 months ago | inspired by iscroll, and it supports more features and has a better scroll perfermance |
前端组件库 / 13. 页面交互 / 13.2 瀑布流 | |||
| Masonry | |||
| Isotope - Filter & sort magical layouts | |||
| Bricklayer | 2,459 | 7 months ago | |
前端组件库 / 13. 页面交互 / 13.3 懒加载/加载监听/预加载 | |||
| imagesLoaded | 8,888 | over 2 years ago | |
| Echo.js | 3,721 | 13 days ago | |
| lazySizes | 17,543 | 8 months ago | |
| jquery_lazyload | 8,762 | 12 months ago | |
| BttrLazyLoading | 414 | over 2 years ago | |
| lazyload.js | 938 | almost 4 years ago | |
| layzr.js - 一个小巧快速的图片懒加载库 | 5,554 | about 7 years ago | |
| waitForImages - 图片加载监听库 | 1,301 | over 2 years ago | |
| PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能 | 1,109 | over 8 years ago | |
| bindWithDelay - jQuery Plugin For Delayed Event Execution | 152 | over 8 years ago | |
| TypeWatch - 停止输入时调用 | 219 | over 2 years ago | |
前端组件库 / 13. 页面交互 / 13.4 图片轮播(幻灯片)/图片展示 | |||
| FlexSlider | 4,913 | 3 months ago | |
| unslider - 小而美的轮播库 | |||
| prettyPhoto | 553 | 9 months ago | |
| FlickerPlate - A cool jQuery plugin that lets you flick through content. | 212 | 6 months ago | |
| Holder.js - Client-side image placeholders. | 5,837 | about 1 year ago | |
| RowGrid.js - 在径直的行里放置图片 | 670 | about 5 years ago | |
| ImageLightbox.js - 灯箱效果 | |||
| JQuery Panorama Viewer - 全景视图 | 473 | over 4 years ago | |
| Intense Images - 全屏查看图片 | 2,580 | about 3 years ago | |
| Picturefill - 一个响应式图片 JS 插件 | |||
| zoom.js - 一个 jQuery 图片放大插件 | 4,037 | almost 2 years ago | |
| watermarkjs - 一个在浏览器中添加图片水印的 JS 库 | 1,731 | about 4 years ago | |
| responsive-images.js | 310 | about 5 years ago | |
| Turntable.js - 轻易实现图像的3D旋转 | 516 | over 4 years ago | |
| ResponsifyJS - 让图像完全响应式而不会牺牲图像的主要部分 | 1,315 | almost 4 years ago | |
| react-slick - React 实现的轮播图插件 | 11,768 | 5 months ago | |
前端组件库 / 13. 页面交互 / 13.5 图片剪裁/图片处理/图片转换 | |||
| cropperjs | 13,130 | 17 days ago | 图片裁切 |
| Jcrop - Image Cropping Plugin for jQuery | 4,306 | almost 3 years ago | |
| croppic - an image cropping jquery plugin | 914 | about 5 years ago | |
| smartcrop.js - 智能图片裁剪库 | 12,844 | 8 months ago | |
| jQuery.eraser - 图像擦除插件 | 333 | over 7 years ago | |
| DD_belatedPNG.js - 让IE6支持透明PNG图片 | |||
| FocusPoint.js 实现图片的响应式裁剪 | 3,141 | over 4 years ago | |
| imgareaselect | 686 | over 7 years ago | |
| CSSgram - CSS 实现的 Instagram 滤镜库 | 5,391 | over 3 years ago | |
| instagram.css - 另一个 CSS 实现的 Instagram 滤镜库 | 4,017 | almost 2 years ago | |
| antimoderate - 图片模糊库 | 1,505 | almost 7 years ago | |
| vue-cropper | 4,332 | 4 months ago | Vue.js 的图片剪裁插件 |
| react-cropper | 2,027 | about 1 year ago | React 的图片剪裁插件 |
| react-image-crop | 3,886 | 2 months ago | React 的图片剪裁插件 |
| rasterizeHTML.js | 2,454 | almost 3 years ago | HTML转图片(网页截图) |
| html2canvas | 30,610 | 4 months ago | HTML转图片(实现纯JS网页截图) |
| dom-to-image | 10,398 | 8 months ago | HTML转图片 |
| domvas | 404 | over 11 years ago | HTML转图片 |
| merge-images | 1,693 | over 1 year ago | 多张图片合成一张图片的浏览器 JS 库，使用了 Canvas |
前端组件库 / 13. 页面交互 / 13.6 进度条/加载动画(Loading) | |||
| NProgress.js | |||
| progress.js | 2,368 | about 9 years ago | |
| HubSpot/pace | 15,678 | 9 months ago | Pace 是一个页面加载进度条工具 |
| jquery-ajax-progress | 119 | over 6 years ago | |
| nanobar | 2,840 | over 4 years ago | Very lightweight progress bars |
| waitMe | 327 | about 5 years ago | 很漂亮的loading效果 |
| spin.js | 9,304 | 4 months ago | |
| sonic.js | 824 | about 8 years ago | |
| fakeLoader.js | 723 | over 5 years ago | |
| loaders.css | 10,220 | over 1 year ago | 一个为性能优化的实现加载动画效果的 CSS 框架 |
| css-loaders | 7,055 | 7 months ago | |
| Sausage | 576 | almost 12 years ago | 跟踪滚动条并记录当前阅读所处节点 |
| loading.io | 一个 Loading 图标的网站 | ||
前端组件库 / 13. 页面交互 / 13.7 侧滑插件(offcancas) | |||
| pushy - a responsive off-canvas navigation menu | 1,487 | 5 months ago | |
| Slideout.js - 一个用于移动 Web 应用的触摸滑出式导航菜单 | 7,936 | about 4 years ago | |
前端组件库 / 13. 页面交互 / 13.8 菜单(Menu) | |||
| SuperFish - 基于jQuery的级联下拉菜单 | 912 | almost 2 years ago | |
| Responsive Nav - 响应式导航 | 4,070 | over 1 year ago | |
| metisMenu - A jQuery menu plugin | 1,961 | 7 days ago | |
前端组件库 / 13. 页面交互 / 13.9 滚动侦测(ScrollSpy) | |||
| jquery-scrollspy(1) | 439 | over 8 years ago | |
| jquery-scrollspy(2) | 276 | over 8 years ago | |
| Waypoints | 10,382 | about 2 years ago | |
| ScrollMagic - 像进度条一样使用滚动条 | 14,908 | 8 months ago | |
前端组件库 / 13. 页面交互 / 13.10 滚动加载更多/下拉刷新(Pull to Refresh) | |||
| jScroll | 1,106 | 4 months ago | |
| web-pull-to-refresh | 545 | over 5 years ago | |
| pulltorefresh | 35 | about 11 years ago | |
| RubberBand.js - add pull-to-refresh functionality to any page. | 48 | over 9 years ago | |
前端组件库 / 13. 页面交互 / 13.11 平滑滚动插件(Smooth Scroll) | |||
| jquery-smooth-scroll | 1,965 | about 2 months ago | |
| jquery.scrollTo - 平滑滚动到页面指定位置 | 3,685 | over 3 years ago | |
| smooth-scroll | 5,496 | over 4 years ago | |
| scrollUp | 998 | almost 3 years ago | |
| elevator.js - 一个模拟电梯运行“返回顶部”的 JS 插件 | 6,635 | over 4 years ago | |
前端组件库 / 13. 页面交互 / 13.12 全屏滚动/全屏切换 | |||
| pagePiling.js - 全屏滚动效果 | 4,101 | almost 2 years ago | |
| fullPage.js | 35,302 | 28 days ago | |
| onepage-scroll | 9,543 | almost 4 years ago | |
| zepto.fullpage - 专注于移动端的fullPage.js | 2,101 | 9 months ago | |
| screenfull.js - 切换全屏模式 | 7,083 | over 2 years ago | |
前端组件库 / 13. 页面交互 / 13.13 分屏滚动 | |||
| multiscroll.js - 分屏滚动效果 | 1,585 | almost 2 years ago | |
前端组件库 / 13. 页面交互 / 13.14 转场效果 | |||
| Animsition - 页面切换时的过渡效果 | 3,829 | about 5 years ago | |
前端组件库 / 13. 页面交互 / 13.15 固定元素(Sticky) | |||
| sticky - jQuery Plugin for Sticky Objects | 3,301 | about 5 years ago | |
| jquery.pin - 固定页面元素 | 1,275 | over 6 years ago | |
| stickUp | 1,542 | over 8 years ago | |
| Slinky.js - 堆叠头部创建滑动导航列表 | 199 | 5 months ago | |
前端组件库 / 13. 页面交互 / 13.16 触控事件 | |||
| Hammer.js | 24,124 | almost 2 years ago | |
| jquery.event.move.js | 254 | over 3 years ago | |
前端组件库 / 13. 页面交互 / 13.17 拖拽组件 | |||
| Draggabilly - 专注于拖拽功能的 JS 库 | 3,861 | over 2 years ago | |
| dragula - 一个让拖放操作变简单的 JS 库 | 22,058 | 6 months ago | |
| GridList - 可拖拉的响应式列表库 | 3,570 | almost 3 years ago | |
| react-dnd | 21,042 | 10 months ago | React 拖拽组件 |
前端组件库 / 13. 页面交互 / 13.18 隐藏或展示页面元素 | |||
| Headroom.js - 在不需要页头时将其隐藏 | |||
| Readmore.js - 内容显示与隐藏插件 | 1,503 | 11 months ago | |
| oriDomi - 像指一样折叠Dom元素 | 2,407 | 3 months ago | |
前端组件库 / 13. 页面交互 / 13.19 滚动条(Scrollbar) | |||
| jScrollPane | 2,161 | almost 2 years ago | |
| jquery.scrollbar | 756 | almost 7 years ago | |
| perfect-scrollbar | 12 | over 4 years ago | |
| nanoScrollerJS | 2,692 | about 6 years ago | |
| tinyscrollbar | 398 | almost 4 years ago | |
前端组件库 / 13. 页面交互 / 13.20 视差滚动(Parallax Scrolling) | |||
| parallax.js | 16,494 | 8 months ago | |
| jparallax | 1,146 | 11 months ago | |
| skrollr | 18,523 | almost 7 years ago | |
前端组件库 / 13.21 缩放 (Zooming) | |||
| zoom.js - 一款效果很独特的页面内容缩放插件 | 1,596 | over 3 years ago | |
| zoom.js - 一个 jQuery 图片放大插件 | 4,037 | almost 2 years ago | |
| jQuery Zoom - mouseover时图片缩放效果 | 1,544 | 5 months ago | |
前端组件库 / 14. 代码高亮插件/代码编辑器 | |||
| google-code-prettify | |||
| highlight.js | |||
| Rainbow | |||
| ACE | 26,766 | 7 days ago | |
| CodeMirror | 26,839 | about 1 month ago | |
| Crayon Syntax Highlighter | 1,098 | almost 2 years ago | |
| prism - Lightweight, robust, elegant syntax highlighting. | 12,331 | 3 months ago | |
前端组件库 / 15. 字体图标 ( Font Icon ) | |||
| bytedance/IconPark | 8,346 | over 1 year ago | |
| FortAwesome/Font-Awesome | 73,715 | 4 months ago | 提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式 |
| simple-icons/simple-icons | 21,026 | 10 days ago | PNG and SVG icons for popular brands |
| lipis/flag-icon-css | 10,745 | 6 days ago | 所有国家国旗的 icon 库 |
前端组件库 / 16. 动画(Animate) | |||
| SVGA | 全新的动画格式, 是一种同时兼容 iOS / Android / Flutter / Web 多个平台的动画格式 | ||
| animate.css - A cross-browser library of CSS animations. | 80,864 | 4 months ago | |
| Transit - CSS transitions and transformations for jQuery | 7,289 | almost 3 years ago | |
| anime.js - Javascript 动画引擎 | 50,355 | 11 days ago | |
| WOW - 在滚动过程中展示CSS动画效果(默认触发animate.css动画) | 9,921 | 5 months ago | |
| AniJS - A Library to Raise your Web Design without Coding | 3,912 | about 4 years ago | |
| Move.js - 简化CSS3动画的JS库 | 4,718 | over 2 years ago | |
| ScrollMe – 在网页中加入各种滚动动画效果 | 1,468 | almost 5 years ago | |
| Effeckt.css - A Performant Transitions and Animations Library | 10,872 | over 5 years ago | |
| NEC动画库 | |||
| csshake - CSS classes to move your DOM | 4,856 | 5 months ago | |
| magic - CSS3 Animations with special effects | 8,450 | about 2 years ago | |
| SpinKit | 19,354 | over 4 years ago | |
| Velocity.js - 加速JavaScript动画 | 17,294 | about 4 years ago | |
| lenticular.js - 响应倾斜或鼠标事件创建图片动画 | 623 | about 12 years ago | |
| jQuery Interactive 3D - Create a 3D interactive object using images | 378 | over 4 years ago | |
| AnimateScroll - A Simple jQuery Plugin for Animating Scroll | 713 | 4 months ago | |
| Blast.js - 把动画和样式注入到文本中 | 1,539 | 7 months ago | |
| Bounce.js - 一个用于制作漂亮 CSS3 关键帧动画的 JS 库 | 6,211 | about 4 years ago | |
| Sticker.js - create a Sticker Effect | 727 | about 9 years ago | |
| scrollReveal.js - 元素进入可视区域自动触发设置好的动画 | 22,401 | 8 months ago | |
| stroll.js - CSS3 list scroll effects | 4,361 | over 4 years ago | |
| jQuery Easing - 动画效果扩展 | 925 | over 1 year ago | |
| animations - CSS3 ANIMATION CHEAT SHEET | |||
| iconate.js：将 icons 增加动画效果的 JS 库 | 1,982 | over 5 years ago | |
| Odometer - 数字之间的垂直切换 | 7,315 | over 6 years ago | |
前端组件库 / 16. 动画(Animate) / Hover | |||
| Hover.css - 很多鼠标Hover态的效果 | 29,241 | about 1 year ago | |
| imagehover.css - 为图片添加悬停效果 | 1,825 | over 2 years ago | |
| iHover - 图片悬停效果 | 3,474 | over 2 years ago | |
| ImageCaptionHoverAnimation | 354 | about 7 years ago | |
| Bootstrap Hover Image Gallery | |||
前端组件库 / 16. 动画(Animate) / Multi-touch gestures library | |||
| AlloyFinger - 腾讯 AlloyTeam 出品的超级小的 Web 手势库 | 3,431 | almost 6 years ago | |
前端组件库 / 16. 动画(Animate) | |||
| VincentGarreau/particles.js | 29,082 | 8 months ago | 粒子特效 |
前端组件库 / 17. 本地存储 | |||
| cross-storage - Cross domain local storage | 2,220 | over 1 year ago | |
| localForage | 24,920 | 4 months ago | |
| pouchdb | 16,902 | 8 days ago | |
| basil.js | 1,977 | almost 2 years ago | |
| Neurosync - JavaScript 本地离线 ORM 库 | 177 | over 1 year ago | |
| LokiJS - 性能优先的 JavaScript 内存数据库 | 6,752 | over 1 year ago | |
| turbolinks - Javascript pushState | 12,715 | over 3 years ago | |
前端组件库 / 18. 模板引擎 | |||
| doT.js | 5,016 | about 1 year ago | |
| mustache.js | 16,479 | 5 months ago | |
| Handlebars.js | |||
| artTemplate | 9,863 | almost 4 years ago | |
| baiduTemplate | 369 | almost 10 years ago | |
| JSRender | 2,675 | 4 months ago | |
| EJS - JavaScript Templates | 4,470 | about 1 year ago | |
| Juicer - A Light Javascript Templete Engine. | 915 | over 6 years ago | |
| Tempo | 709 | over 11 years ago | |
| json2html | 628 | 2 months ago | |
| Hogan.js - JavaScript templating from Twitter. | 5,140 | over 1 year ago | |
| Dust.js - Linkedin维护的项目 | 2,913 | about 1 year ago | |
| nunjucks | 8,587 | 5 months ago | A powerful templating engine |
前端组件库 / 19. 通知组件/弹框组件/模态窗口 | |||
| Notify.js(Web Notifications API) | 1,332 | over 5 years ago | |
| alertify.js | 4,256 | about 7 years ago | |
| AlertifyJS | 2,076 | 6 months ago | |
| SweetAlert | 22,378 | over 1 year ago | |
| Messenger - 非常酷的弹框组件 | 4,022 | about 4 years ago | |
| PNotify | 3,651 | about 2 years ago | |
| Notify.js - A simple, versatile notification library | 1,913 | almost 2 years ago | |
| Remodal - 模态窗口插件 | 2,751 | over 5 years ago | |
| action.js - 极简的tip和Modal弹窗效果 | 2 | almost 3 years ago | |
| Modaal - 一个创建弹出窗口的jQuery插件 | 2,715 | almost 4 years ago | |
| Vex - 可以实现3D动效的弹出对话框堆叠效果 | 6,923 | over 1 year ago | |
前端组件库 / 20. 提示控件(Tooltips) | |||
| hint.css - 一款非常小巧的提示框效果 | 8,425 | about 1 month ago | |
| qTip2 - Pretty powerful tooltips | 1,995 | over 4 years ago | |
| tooltip - CSS Tooltips | 712 | almost 8 years ago | |
| tooltipster - A jQuery tooltip plugin | 2,761 | about 4 years ago | |
| grumble.js - 气泡形状的提示（Tooltip）控件 | 769 | over 8 years ago | |
| Ouibounce - 离站提示控件 | 2,309 | over 7 years ago | |
| intro.js - 一个创建引导式网站介绍功能的 JS 库 | 22,835 | 2 months ago | |
| data-tip.css - 纯 CSS 实现的工具提示 | 116 | almost 3 years ago | |
前端组件库 / 21. 对话框/遮罩层/弹出层(lightbox) | |||
| fancyBox - Fancy jQuery lightbox | 7,273 | over 1 year ago | |
| jquery-lightbox - The popular lightbox script, ported to jQuery | 244 | over 1 year ago | |
| Colorbox - a jQuery lightbox | 4,749 | 5 months ago | |
| artDialog - 经典的网页对话框组件 | 3,138 | over 4 years ago | |
| DialogEffects | 308 | over 7 years ago | |
| jQuery blockUI - Page or element overlay | 1,687 | over 1 year ago | |
| layer - web弹出窗/层 | 8,268 | 4 months ago | |
前端组件库 / 22. 文档/表格/PDF | |||
| Backgrid.js - 强大的表格组件 | 2,009 | over 7 years ago | |
| handsontable - 在线可编辑excel表格 | 20,022 | 6 days ago | |
| jQuery Bootgrid - 用于ajax生成动态表格 | 974 | over 1 year ago | |
| DataTables - Table plug-in for jQuery | 7,319 | almost 3 years ago | |
| PDF.js - 一个 JavaScript 编写的 PDF 阅读器 | 48,638 | 4 days ago | |
| jsPDF - Generate PDF files in JavaScript | 29,350 | 26 days ago | |
| Recline.js - 灵活操作和展示数据 | 2,204 | 10 days ago | |
| Dynatable - 交互式表格插件 | 2,769 | over 2 years ago | |
| fattable - 创建无限滚动无限行列数的表格 | 482 | about 5 years ago | |
| Clusterize.js - 一个轻松显示大数据集的 JS 插件 | 7,223 | almost 2 years ago | |
| Uniform -表单美化插件 | 2,199 | almost 6 years ago | |
| tableExport - 导出HTML Table为 Excel、PDF 等 | 1,256 | almost 3 years ago | |
| SheetJS/js-xlsx | 35,145 | 7 months ago | 生成Excel文件并下载 |
前端组件库 / 23. 目录树插件 | |||
| zTree_v3 - jQuery Tree Plugin | 4,103 | 5 months ago | |
| jstree - jQuery Tree Plugin | 5,150 | 3 months ago | |
| fancytree - Tree plugin for jQuery | 2,847 | 2 months ago | |
前端组件库 / 24. 前后端交互 / 24.1 Ajax模块 | |||
| fetch - A window.fetch JavaScript polyfill | 25,757 | 4 months ago | |
| reqwest - browser asynchronous http requests | 2,937 | about 3 years ago | |
| ajax - Standalone AJAX library | 364 | almost 7 years ago | |
| then-request | 243 | 10 months ago | |
| browser-request | 362 | 5 months ago | |
| superagent | 16,589 | about 1 month ago | |
| minAjax.js | 6 | over 9 years ago | |
| qwest - 第三方的Ajax库 | 713 | almost 4 years ago | |
| axios - Promise based HTTP client for the browser and node.js | 105,804 | 4 days ago | |
| whatwg-fetch | 39 | about 8 years ago | |
| jsonp | 1,909 | 8 months ago | A simple JSONP implementation |
| isomorphic-fetch | 6,953 | 5 months ago | Isomorphic WHATWG Fetch API, for Node & Browserify |
前端组件库 / 24. 前后端交互 / 24.2 SSE (Server-Sent Events) | |||
| EventSource | 2,119 | 6 months ago | |
前端组件库 / 26. 按钮 | |||
| Buttons - A CSS button library | 5,033 | over 4 years ago | |
| ButtonComponentMorph | 593 | almost 9 years ago | |
| ProgressButtonStyles | 611 | almost 11 years ago | |
| CreativeButtons | 738 | about 4 years ago | |
| CSS3 buttons | 1,299 | about 6 years ago | |
| jquery.onoff - Interactive, accessible toggle switches for the web. | 91 | over 4 years ago | |
| Flipside - 一个能过渡到对话框的按钮 | 4,434 | 9 months ago | |
| react-particle-effect-button | 1,505 | about 1 year ago | 一个 React 组件，按钮点击后会像粒子状消解 |
前端组件库 / 27. 富文本编辑器/Markdown编辑器/Markdown解析器 | |||
| bustle/mobiledoc-kit | 1,549 | 7 days ago | 基于mobiledoc数据格式开发所见即所得的 (WYSIWYG) 编辑器 |
| Simditor | 5,024 | 9 months ago | 简单快速的富文本编辑器 |
| BachEditor | 357 | over 5 years ago | 一个有情怀的编辑器 |
| TinyMCE | 15,061 | 7 days ago | |
| bootstrap-markdown | 1,989 | over 2 years ago | |
| marked - markdown解析器 | 33,189 | 10 days ago | |
| Markdown Plus | 2,121 | 10 days ago | |
| Editor.md - 开源在线Markdown编辑器 | 13,863 | 7 months ago | |
| stackedit | 21,794 | over 1 year ago | |
| Redactor Text Editor | |||
| micromarkdown.js - 轻量级的md解析器 | 208 | almost 2 years ago | |
| wangEditor - 支持移动端的轻量级web富文本框 | 17,574 | about 1 month ago | |
| CKEditor - 可视化 HTML 编辑器 | 5,795 | 3 months ago | |
| quilljs/quill | 43,776 | 3 months ago | 富文本编辑器 |
| ianstormtaylor/slate | 29,937 | 20 days ago | 一个完全可定制的富文本编辑器 |
| notadd/neditor | 1,904 | almost 2 years ago | 基于 ueditor的更现代化的富文本编辑器，支持HTTPS |
| ProseMirror/prosemirror-view | 1,705 | 16 days ago | In-browser semantic rich text editing |
| facebook/lexical | 19,872 | 6 days ago | Facebook开源的可扩展的文本编辑器框架 |
前端组件库 / 28. 内容提取(Readability) | |||
| Readability | |||
| json.human.js - Json Formatting for Human Beings | 976 | over 5 years ago | |
前端组件库 / 29. 颜色(CSS Colors)/SVG/Canvas | |||
| CSS Colours | |||
| SVGeneration | |||
| SVGMagic - 自动的创建PNG来兼容不支持SVG的浏览器 | 594 | over 4 years ago | |
| Adaptive Backgrounds - 从图片抽取主要颜色和应用到父元素 | 6,527 | almost 7 years ago | |
| Seen.js - 渲染3D场景为SVG或者HTML Canvas | 875 | 7 months ago | |
| jquery-color - 可以动态改动颜色 | 1,642 | about 1 month ago | |
| rgbaster.js | 1,742 | almost 5 years ago | 主题色提取 |
| chroma.js | 10,194 | 6 days ago | 一个处理颜色的 JS 库 |
前端组件库 / 30. 选项卡(Tabs) | |||
| Easy Responsive Tabs to Accordion | 603 | over 8 years ago | |
| Responsive-Tabs | 532 | 11 months ago | |
| ion.tabs - jQuery tabs plugin | 83 | about 9 years ago | |
| jQuery-EasyTabs | 549 | over 6 years ago | |
| tabulous.js | 545 | almost 9 years ago | |
前端组件库 / 32. 布局(Layout) / 分隔面板(Split Panel) | |||
| split-pane | 164 | over 4 years ago | |
| jQuery UI Layout | |||
前端组件库 / 33. 演示/幻灯片 | |||
| reveal.js - The HTML Presentation Framework | 67,906 | 10 days ago | |
| bespoke.js - DIY Presentation Micro-Framework | 4,688 | about 4 years ago | |
| impress.js | 37,663 | 7 months ago | |
| shower | 4,800 | 28 days ago | |
| deck.js | 5,423 | almost 6 years ago | |
前端组件库 / 34. 国际化(i18n) | |||
| jquery-i18n | 199 | about 4 years ago | |
| i18next.js | 7,781 | 8 days ago | |
| jsperanto.js | 62 | about 11 years ago | |
| jed.js | 873 | about 7 years ago | |
| messageformat.js | 1,685 | 6 days ago | |
| Polyglot.js | 3,708 | 4 months ago | |
前端组件库 / 35. 邮件模板(Email Templates) | |||
| responsive-html-email-template | 13,329 | 3 months ago | |
前端组件库 / 36. 移动端优化(Optimizing Mobile Performance) | |||
| FastClick - 处理移动端 click 事件 300 毫秒延迟 | 18,659 | over 3 years ago | |
| tappy | 571 | almost 6 years ago | |
| jquery-fast-click | 133 | almost 12 years ago | |
前端组件库 / 37. HTTP请求相关 | |||
| pako - HTTP 请求正文压缩 | 5,592 | 5 months ago | |
前端组件库 / 37. HTTP请求相关 / pako - HTTP 请求正文压缩 | |||
| 参考阅读: 如何压缩 HTTP 请求正文 | |||
| HTTP 请求正文压缩 DEMO | |||
前端组件库 / 38. 下载组件 | |||
| download | 2,291 | over 1 year ago | |
| Downloadify | 844 | almost 15 years ago | |
前端组件库 / 39. 加密/转码 | |||
| crypto-js | 15,859 | 3 months ago | JavaScript library of crypto standards |
| ulid | 3,030 | 3 months ago | 生成UUID类库 |
| RSA in JavaScript | 用RSA加密实现Web数据加密传输 | ||
| nanoid | 24,655 | 24 days ago | 一款非常小巧的唯一ID生成工具 |
| harmankang/Lab62 | 一个简单的人类可读的随机 ID 生成库 | ||
| dropbox/zxcvbn | 15,152 | 3 months ago | 评估密码强度的 JS 库，强度越强，密码越不容易破解 |
前端组件库 / 40. 调试 | |||
| debug | 11,152 | 3 months ago | A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers |
| vConsole - 一个针对手机网页的前端 console 调试面板 | 16,866 | 5 months ago | |
前端组件库 / 41. 实用工具/其他插件 | |||
| jquery-cookie | 8,562 | over 7 years ago | |
| JavaScript Cookie | 22,031 | 4 months ago | |
| InstantClick - 预加载用户可能会点击的一些链接 | 5,513 | over 6 years ago | |
| Async.js - 异步操作 | 28,191 | 20 days ago | |
| jquery.qrcode.js - 生成二维码的 jQuery 插件 | 4,846 | 11 months ago | |
| qrcodejs - JS生成QRCode的库 | 13,642 | 7 months ago | |
| nakedpassword - 用脱衣女帮助检测密码强度 | 308 | over 4 years ago | |
| KityMinder - 脑图编辑工具 | 4,434 | over 5 years ago | |
| MixitUp - 动画过滤和排序 | 4,525 | 22 days ago | |
| JQuery Tip Cards - 创建卡片交互的cards布局 | 211 | over 4 years ago | |
| Fallback.js - JavaScript library for dynamically loading CSS and JS files. | 310 | almost 6 years ago | |
| swfobject | 1,234 | over 7 years ago | |
| prettyprint.js - An in-browser JavaScript variable dumper | 655 | about 5 years ago | |
| Shepherd - 为应用创建用户指南 | 13,050 | 3 days ago | |
| RulersGuide.js - 类似PhotoShop标尺的js库 | 951 | about 7 years ago | |
| Gremlins.js - Monkey 测试库 | 9,025 | over 1 year ago | |
| RoughDraft.js - 简单快速的创建交互式的 HTML 模型的原型工具 | 464 | over 10 years ago | |
| favico.js - 动态改变浏览器标签栏中的网站图标 | 8,711 | about 7 years ago | |
| pageguide - 网页向导 | |||
| jsdiff - js diff 算法 | 8,147 | 25 days ago | |
| github-contributions-chart | 5,252 | 27 days ago | 类 Github 的贡献日历网格 |
| leizongmin/js-xss | 5,219 | 9 months ago | 根据白名单过滤 HTML(防止 XSS 攻击) |
| cure53/DOMPurify | 14,025 | 6 days ago | HTML过滤 防止 XSS 攻击 |
| ajv-validator/ajv | 13,851 | 2 months ago | 校验json-schema数据格式 |
ES6( ECMAScript 2015 ) / ES6转码器(ES6 to ES5) | |||
| Babel | 43,241 | 6 days ago | 一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行 |
| babelify | 1,681 | over 3 years ago | 将babel引入到Gulp, Grunt, npm run等构建过程 |
| traceur-compiler | 8,174 | 3 months ago | Traceur is a JavaScript.next-to-JavaScript-of-today compiler |
ES6( ECMAScript 2015 ) / ES6入门 | |||
| ECMAScript 6入门 | 阮一峰老师的开源的JavaScript语言教程 | ||
| Learn ES2015 | |||
| ES6 - New features Overview & Comparison | |||
| ES6 Overview in 350 Bullet Points | |||
| es6features | 29,214 | almost 2 years ago | |
设计模式( JavaScript Patterns ) | |||
| javascript-patterns | 9,389 | 4 months ago | |
| jquery-patterns - A variety of jQuery plugin patterns | 1,589 | almost 9 years ago | |
| Learning JavaScript Design Patterns | |||
在线工具( Online Tools ) | |||
| jsbin - Collaborative JavaScript Debugging App | |||
在线工具( Online Tools ) / jsbin - Collaborative JavaScript Debugging App | |||
| jsbin@Github | 4,389 | 7 months ago | |
在线工具( Online Tools ) | |||
| jsfiddle | |||
| jsbeautifier - Online JavaScript beautifier | |||
| resume.github.com | |||
前端开发工具 / 1. 开发工具 | |||
| VSCode | |||
| Atom | |||
| Sublime Text | |||
前端开发工具 / 2. 调试工具 | |||
| Fiddler | |||
| Weinre | |||
| Rythem | |||
| csscss | 2,919 | almost 6 years ago | 用于检查css代码冗余 |
| FECS | 基于 Node.js 的前端代码检查工具 | ||
| JSON Server | 73,016 | about 2 months ago | 模拟 API |
| swagger-ui | 26,586 | 13 days ago | 基于REST的API测试/文档 |
| graphqurl | 3,341 | 7 months ago | curl for GraphQL with autocomplete, subscriptions and GraphiQL |
前端开发工具 / 3. 模拟数据( Mock ) | |||
| JSONPlaceholder | |||
| json-server - Get a full fake REST API | 73,016 | about 2 months ago | |
| lowdb - A small local JSON database powered by lodash | 21,538 | 5 months ago | |
| Mock.js | 19,528 | 8 months ago | 一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试 |
| yapi | 27,391 | 3 months ago | YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台 |
前端开发工具 / 4. 接口管理 | |||
| RAP | Web接口管理工具，开源免费，接口自动化，MOCK数据自动生成，自动化测试，企业级管理 | ||
前端开发工具 / 5. 浏览器扩展(Chrome Extensions) | |||
| Postman - REST Client | |||
| Fiddler - Fiddler for Chrome Extension | |||
| WEB前端助手(FeHelper) | |||
| Web Developer | |||
| Wappalyzer - 分析网站应用的技术栈 | |||
| HTTP Status | |||
| Chrome Logger | |||
| ColorZilla | |||
| ColorPick Eyedropper | |||
| Code Cola | |||
| 1px | |||
| AlloyDesigner - 前端重构开发辅助工具 | |||
| Fontface Ninja | |||
| PageSpeed Insights (by Google) | |||
| Redirect Path | |||
| Responsive Web Design Tester | |||
| Window Resizer | |||
| CSSViewer | |||
| IE Tab | |||
| Clear Cache | |||
| JSONView | |||
| Image Downloader | |||
| Pretty Beautiful Javascript - 可以自动格式化混淆的js文件 | |||
| JavaScript Errors Notifier | |||
| CSS Diff - 在线比对页面上两个元素的CSS样式差异 | |||
| WhatFont- 识别网页所使用的字体 | |||
前端开发工具 / 6. 在线工具 | |||
| Kraken.io - Online Image Optimizer | |||
| TinyJPG - Compress JPEG images intelligently | |||
| IcoMoon App | |||
| Glyphter | The SVG Font Machine | ||
| Free Perfect Icons | 矢量图 svg 图标下载 | ||
前端参考集 | |||
| i0natan/nodebestpractices | 100,616 | 5 months ago | Node.js 最佳实践 |
| frontend-guidelines - Some HTML, CSS and JS best practices. | 8,285 | 11 months ago | |
| frontend-dev-bookmarks | 42,580 | 6 months ago | |
| Codrops - Useful resources | |||
| Front-end Code Standards & Best Practices | |||
| awesome-javascript | 770 | over 5 years ago | |
| Front-end-tutorial - 前端涉及的所有知识体系 | 1,728 | over 4 years ago | |
| awesome-vue | 72,238 | 3 days ago | |
前端参考集 / 前端编码规范( Standard Style ) | |||
| Airbnb 的 JavaScript 编码规范 | 145,313 | about 2 months ago | |
| JavaScript Standard Style | 29,135 | 2 months ago | |
| clean-code-javascript - javascript 编码风格指南 | 91,777 | 4 months ago | |
| spec | 4,631 | almost 2 years ago | 百度前端团队代码规范 |
前端参考集 | |||
| cheatsheet - 标签的内容清单 | 29,998 | 5 months ago | |
| Front-End-Checklist | 69,037 | about 1 month ago | The perfect Front-End Checklist for modern websites and meticulous developers |
| 30-seconds-of-code | 121,836 | about 19 hours ago | |
| 30-seconds-of-css | 16 | about 6 years ago | |
| project-guidelines | 29,411 | 9 months ago | JavaScript工程项目的一系列最佳实践策略 |
| react-in-patterns | React 模式 | ||
| PWA-Book-CN | 3,463 | over 6 years ago | Progressive Web Apps (PWA) 中文版 |
| javascript-algorithms | 188,456 | 3 months ago | JavaScript 算法与数据结构 |
| vue-design | 6,004 | almost 2 years ago | Vue技术内幕 |
| css-protips | 28,411 | about 2 months ago | CSS 专业技巧 |
| Front-End-Performance-Checklist | 16,675 | 12 days ago | 前端性能优化清单 |
| 33-js-concepts | 63,807 | about 1 month ago | 每个 JavaScript 工程师都应懂的33个概念 「 」 |
| joshbuchea/HEAD | 29,998 | 5 months ago | HTML 网页的 head 元素 指南 |
| Airbnb Engineering & Data Science | Airbnb 前端开源项目 | ||
| storybooks/storybook | 84,675 | 6 days ago | 各大公司的 UI 组件库的 Storybook 展示 |
| LEARN REGEX THE EASY WAY | 45,672 | 9 months ago | 正则表达式学习 |
书籍( Frontend-related Books ) | |||
| Front-End Developer Handbook 2016 | |||
| Front-End Developer Handbook 2017 | |||
| Front-End Developer Handbook 2018 | |||
| 前端工程师手册 | |||
| 前端工程师手册 | 包括前端开发实践、学习前端开发、前端开发工具 | ||
| D3 in Depth | 可视化引擎 D3 的教程 | ||
| Canvas: Draw on the web | HTML5 Canvas 教程 | ||
| Node.js 最佳实践 | 100,616 | 5 months ago | |
coopermaa/awesome-awesome
0ex/more-awesome
browserslist/browserslist
osscafe/gulp-cheatsheet
darktasevski/frontend-starter-kit
sindresorhus/gulp-rev
cedricss/elm-batteries
jroeckle/marionette-require-gulpjs-boilerplate
cocos/cocos-engine
ramseyinhouse/scut
b310-digital/teammapper