开源软件名称：

开源软件地址：

开源编程语言：

开源软件介绍：

front-end-awesome

目录

• 打包工具
• webpack loader 和插件
• 包管理
• 框架
  • Canvas 相关
  • APP 相关
  • CSS 相关
  • 小程序 相关
  • 其他
• React 相关库
• Vue 相关库
  • UI 库
  • 其他
• Flutter 相关库
• 阿里系
• 工具类
• 数据流
• 语言
• 文档
• 工程
• 编辑器
• 命令行
• 请求处理
• 富文本相关
• 持续集成
• 在线工具
  • 在线编程
  • 转换
  • 图标管理
  • 其他在线工具
• 代码高亮
• 音频/视频
• 数据可视化库
• 动画库
• 数据模拟
• 调试工具
• 源码分析
• 其他

打包工具

• webpack - 打包项目
• rollup - 打包 npm 库
• parcel - webpack 竞品，但发展前景不乐观，再观察一段时间
• @pikapkg/pack - 又一组件打包工具
• systemjs - 针对一些特殊场景会比较有用，比如云 ide，支付宝小程序 IDE 等
• microbundle - 基于 rollup，简化配置
• bili - 基于 rollup，同上
• webpack-dev-server - webpack 开发服务器
• webpack-dev-middleware - webpack 中间件
• vue-cli - vue 命令行工具
• create-react-app - react 官方脚手架
• webpack-merge - 合并 webpack 配置
• webpack-chain - 通过 chain 风格 api 的方式修改 webpack 配置
• prepack - 通过预先执行的方式优化打包结果
• swc - 基于 rust 的语法转换器，babel 的竞争者
• nathan/pax - 基于 rust，据说是这个星球最快的 JavaScript 打包工具
• pikapkg/web - 浏览器里跑 npm 依赖，面向现代浏览器
• lebab/lebab - 把 es5 代码转成 es6，反向 babel
• palmerhq/tsdx - Zero-config CLI for TypeScript package development
• snowpack - 现代Web的更快构建系统

⬆️ 返回首页

webpack loader 和插件

• hard-source-webpack-plugin - 性能提升 70%，但有坑
• svgr - svg 转 react 组件
• postcss - CSS 界的 babel
• autoprefixer - 为 CSS 选择权自动加 prefix
• cssnano - CSS 压缩，也有类 preset 的概念
• mini-css-extract-plugin - 提取 CSS 为单独文件
• webpackbar - webpack 进度条
• webpack-bundle-analyzer - 构建产物占比分析
• uglifyjs-webpack-plugin - JS 压缩，产物为 ES5 语法
• terser-webpack-plugin - JS 压缩，产物为 ES6 语法
• webpack-manifest-plugin - 生成 manifest.json
• copy-webpack-plugin - 复制额外的文件到输出目录
• case-sensitive-paths-webpack-plugin - 大小写敏感检测，能规避一些问题，但构建时性能消耗较大
• css-hot-loader - CSS 热更新，搭配 mini-css-extract-plugin 使用
• duplicate-package-checker-webpack-plugin - 重复依赖检测
• fork-ts-checker-webpack-plugin - ts 语法检测
• speed-measure-webpack-plugin - 统计 webpack 各阶段耗时

⬆️ 返回首页

包管理

• yarn - 我用这个
• npm
• bower

框架

Canvas 相关

• cocos2d-html5
• Egret Engine
• LimeJS
• EaselJS
• three.js
• AlloyStick
• The-Best-JS-Game-Framework
• CanvasEngine
• Quintus
• Stage.js
• phaser - 一个快速、免费、开源的 HTML5 游戏框架
• lufylegend.js
• pixi.js
• AnnieJS - 2D 动画引擎， 可以转换 Flash ，可以转换 MP4

⬆️ 返回首页

APP 相关

• weex
• react-native
• 原生APP体验的高性能框架 mui
• Fries
• Flutter - 使构建精美的移动应用程序变得轻松快捷

CSS 相关

• Bootstrap
• UIkit
• Framework7
• ionic framework
• jQuery Mobile
• Layui
• topcoat
• You-need-to-know-css CSS 常用代码段以及有趣的 CSS 动画效果的实现

小程序 相关

• mpvue - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系
• wepy - 小程序组件化开发框架
• westore - 微信小程序解决方案 - 1KB javascript 覆盖状态管理、跨页通讯、插件开发和云数据库开发
• ColorUI - 鲜亮的高饱和色彩，专注视觉的小程序组件库
• Gitter - 采用 Taro 框架 + Taro UI 进行开发的 demo ， 可能是目前颜值最高的 GitHub 微信小程序客户端
• Taro - 多端统一开发框架，支持用 React 的开发方式编写一次代码
• Painter - 小程序生成图片库，轻松通过 json 方式绘制一张可以发到朋友圈的图片
• kbone - Web 与小程序同构解决方案，微信官方

⬆️ 返回首页

其他

• react
• vue
• next.js
• nuxt.js
• gastby
• umi - 蚂蚁金服的前端框架
• rekit - IDE and toolkit for building scalable web applications with React, Redux and React-router
• choo - dva 最初的 API 是参考这个实现的，已经不怎么发展了，再关注一段时间
• after.js
• mint - 提供了语言层方案的框架
• quasar - 基于 vue，一套代码多处适用
• Angular
• Foundation
• Polymer - Google发布的Web组件构建框架
• cyclejs

React 相关库

• preact - 轻量级 React 实现
• inferno - 轻量级 React 实现
• react-router - React 路由方案
• reach-router - React 路由方案，较新，优势是可访问性
• router5 - 通用的路由方案
• react-loadable - 按需加载 react 组件
• material-ui - UI 库
• react-intl - React 的国际化方案
• react-dnd - 拖拽实现
• react-helmet - 修改 html 的 header 内容
• react-jsonschema-form - A React component for building Web forms from JSON Schema
• react-dates - 适用于网络的易于国际化，移动友好的日期选择器库
• theme-ui - 根据基于约束的设计原则构建一致的主题化React应用
• use-sound - 播放音频的钩子

⬆️ 返回首页

Vue 相关库

UI 库

• quasar
• vue-material
• vuetify
• muse-ui
• buefy
• element-ui
• vulma
• vue-bulma-components
• iview-ui
• AT-UI
• v-semantic
• bootstrap-vue
• fish-ui
• Zircle UI
• vue-mdc-adapter
• Material Components Vue
• PrimeVue
• vuesax
• vuecidity
• water
• vant

其他

• vue-router
• vue-cropper - 一个简单的图片剪辑插件，支持海报图片剪辑
• vue-pretty-logger - 本编辑器的 Vue 版
• vue-icon - 简单的 icon 组件
• vue-baidu-map - 百度地图的 vue 版
• Vue.Draggable - 基于Sortable.js的Vue拖放组件
• vue-codemirror - codemirror 的 vue 封装
• vue-apollo - 连接 Vue 和 GraphQL/Apollo 的一座桥梁
• eagle.js - 一个使用 Vue 构建的功能强大、灵活且独特的幻灯片系统
• vue-color - 颜色选择器
• seat-select - 选座 C 端
• seat-select-controller - 选座 B 端后台
• vue-cli3-config - Vue-cli3 配置 vue.config.js 持续更新
• sing-app-vue-dashboard - Sing App Vue 仪表板
• vue-storefront - 这是一个 PWA 应用，可以与任何后端（或几乎任何后端）连接
• vue-virtual-scroller - 快速滚动条
• v-calendar - 用于构建日历的无依赖插件
• vue-design-system - 一组 UI 工具
• light-blue-vue-admin - 用于管理信息中心的 Vue.js 模板
• vue-grid-layout - Vue.js 的网格布局
• vue-content-loader - 创建占位符加载
• vue-js-modal - 高度可定制的 Modal
• vue2-animate - 集成 Animate.css 的动画库
• vuetensils - 一些常用组件
• easyjs - 拥有 Egg Vue SSR 服务端渲染
• vue-next-webpack-preview - vue 3.0 打包预览
• vue-vben-admin - vue 3.0 用 vite 的 demo 项目
• vue-drag-resize - vue 2.0&3.0 拖拽改变大小位置

⬆️ 返回首页

Flutter-相关库

• flutter_picker - Flutter Picker插件
• implicitly_animated_reorderable_list - Flutter 可拖拽列表插件
• flutter_zoom_drawer - Flutter 抽屉导航插件
• custom_radio_grouped_button - Flutter 按钮插件

⬆️ 返回首页

阿里系

• ant-design - 蚂蚁金服的 React UI 库
• antvis - 数据可视化集合
• ant-motion - 动画说明和Ant设计组件
• @umijs/hooks - React Hooks 库
• qiankun - 为微型前端提供快速，简单和完整的解决方案
• F2 - 一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（node, 小程序，weex）

工具类

• history
• path-to-regexp - path 转正则，路由相关处理的底层库
• lodash - 工具集合
• fastclick
• date-fns - 时间处理
• immutable-js - 数据集控制
• sprint
• dayjs - 在javascript中解析，验证，操作和显示日期，类似 moment
• fecha - 小巧的时间格式化库
• tui.calendar - 日历库
• em-cookie - cookie 的处理
• EM-NORMALIZE - 样式重置
• modernizr - Modernizr是一个JavaScript库，可以在用户的​​浏览器中检测HTML5和CSS3功能
• gpu.js - GPU 加速
• js-cookie - cookie 的封装
• moment - 在javascript中解析，验证，操作和显示日期
• lazy.js - 像 underscore.js 的工具库
• licia
• underscore.js
• rgbaster.js - 图片的主色次色提取
• nanoid - 一款非常小巧的唯一 ID 生成工具
• hotkeys - 键盘按键的封装，如 ctrl+r
• JsBarcode - js 生成条形码(条码)
• comlink - 让 WebWorker 更好用
• await-timeout - Timeout 依托 Promise 的封装
• dsa.js - 数据结构及方法
• copy-to-clipboard - 复制的插件
• tesseract.js - 图片的文字识别工具
• svg.js - SVG 动画
• html2canvas - HTML 排版，用 canvas 截图
• shepherd - 引导您的用户浏览您的应用
• intro.js - 为您的网站和项目提供新功能介绍和逐步用户指南的更好方式可用于新手指引，功能介绍，更新指引等
• crypto-js - 加密标准的JavaScript库
• ulid - 生成UUID类库
• RSA - 用 RSA 加密实现 Web 数据加密传输
• detector - 客户端环境识别
• ua-parser-js - 客户端环境识别， userAgent
• platform.js - 平台检测库
• qrious - 用于使用 Canvas 生成二维码
• qart.js - 生成艺术二维码
• QRCode.js - QRCode.js 是用于制作 QRCode 的 JavaScript 库
• mousetrap - 用于处理键盘快捷键的简单的 JavaScript 库
• async - Async 在 NodeJS 和浏览器的实现
• color - JavaScript 颜色转换和操作库

⬆️ 返回首页

数据流

• redux
• immer
• mobx
• unstated
• rxjs
• dva - 基于 redux。
• rematch - 基于 redux
• vuex
• ngrx

语言

• TypeScript
• Flow
• Graphql

文档

• vuepress
• docz
• storybook
• mdx - jsx + markdown

⬆️ 返回首页

工程

• lerna - monorepo 管理
• lerna-changelog - 为 lerna 项目自动生成 changelog
• eslint - JS 风格约束
• eslint-config-airbnb
• xo - 封装自 eslint
• prettier - 更主观的风格自动修改
• yeoman-generator - 脚手架工具
• serve - 本地静态服务器
• servor - 另一个静态服务器
• budo - 又一个静态服务器
• np - npm publish 辅助，自动 push、打 tag、升版本等
• lint-staged - eslint 提速，只 lint 提交的代码
• coveralls - 覆盖率
• husky - 添加 git hooks
• cross-env - 跨平台的环境变量声明
• projj - 本地 git 项目管理，支持 github 和 gitlab
• nvm - 管理 node 版本
• concurrently - 在 npm scripts 里并行执行命令
• @zeit/ncc - 打包为 npm 包为一个文件
• npm-check - 检测依赖升级情况，和 yarn upgrade-interactive 配合着用，主要用来检测冗余依赖
• cpx - 复制，支持 glob，并且可以 watch
• onchange - 监听文件变动然后做一些事
• just - 微软出的任务管理器
• tern - 代码分析器，为不少编辑器服务
• analyze-css - CSS选择器的复杂性和性能分析器
• jscodeshift - 源码的转换，神似通过 AST ，可用于开发 VSCode 插件，或者 Lint
• gitattributes - 有用的 .gitattributes 模板的集合
• concurrently - 同时运行命令

⬆️ 返回首页

编辑器

• VSCode - 我用这个
• IntelliJ IDEA
• codesandbox
• stackblitz

命令行

• yargs - 命令行入口套件
• yargs-parser - 命令行参数解析
• chalk - 输出不同颜色
• cheerio - 用类 jQuery 语法处理 HTML
• chokidar - 文件监听
• clipboardy - 复制文本到粘贴板
• debug - 打印调试信息
• deprecate - 给过期警告
• glob - 文件查找
• tiny-glob - 文件查找
• signale - 漂亮的日志打印
• semver - semver 版本处理
• update-notifier - 更新提醒
• rimraf - 删除文件
• depd - 给出 deprecated 警告
• execa - 比 child_process 好用，返回 Promise
• ora - 控制命令行光标，显示 loading 等
• inquirer - 交互式命令接口，比如 prompt
• enquirer - 同上，更 cool 一些
• ajv - 参数校验
• ink - 用 React 处理命令行输出
• figures - ✔︎ 等特殊字符，做了 windows 兼容处理
• navi - 用于命令行的交互式备忘单工具

⬆️ 返回首页

请求处理

• whatwg-fetch
• got
• axios
• request
• reqwest
• ajax - Standalone AJAX library
• then-request
• browser-request
• superagent
• minAjax.js
• qwest - 第三方的 Ajax 库
• whatwg-fetch
• jsonp - 跨域处理
• isomorphic-fetch
• em-jsonp - 跨域处理

富文本相关

• Simditor - 简单快速的富文本编辑器
• BachEditor - 一个有情怀的编辑器
• TinyMCE
• bootstrap-markdown
• marked - markdown解析器
• Markdown Plus
• Editor.md - 开源在线Markdown编辑器
• stackedit
• Redactor Text Editor
• micromarkdown.js - 轻量级的md解析器
• wangEditor - 支持移动端的轻量级web富文本框
• CKEditor - 可视化 HTML 编辑器
• Quill - 富文本编辑器
• iEditor - 富文本编辑器
• medium-editor - Vue.js 官方推荐支持 Vue 的编辑器
• slate - 一个完全可定制的框架，用于构建富文本编辑器
• tiptap - Vue 的编辑器
• prosemirror - 富文本编辑器

⬆️ 返回首页

持续集成

• CircleCI
• GitlabCi
• appveyor - 适用于Windows和Linux的持续集成解决方案
• Jenkins - 一个支持 PHP 的连续集成平台
• JoliCi - 一个用 PHP 编写并由 DOCKER 供电的集成客户端
• PHPCI - 一个开源的 PHP 连续集成平台
• SemaphoreCI - 开源和私人项目的集成平台
• Shippable - 一个基于 DOCKER 的开源和私有项目的连续集成平台
• Travis CI - 持续整合平台
• Wercker - 持续整合平台
• snyk.io - 前端依赖检测
• codecov.io - 测试覆盖率报告

部署

• netlify - 在全球范围内部署
• walle - 在全球范围内部署

在线工具

在线编程

• jsfiddle - 在线编程，生成在线预览
• plnkr - 在线编程，生成在线预览
• codepen - 在线编程，生成在线预览
• jsbin - 在线编程，生成在线预览
• astexplorer - 在线编程，可选类型，如 ast

⬆️ 返回首页

转换

• 在线时间戳(Unix timestamp)转换工具
• 图片转换Base64
• 文件转换工具
• babeljs - 语法实时编译

图标管理

• icomoon

• 鲜花

  握手

  雷人

  路过

  鸡蛋

  该文章已有0人参与评论

  请发表评论

  评论

  全部评论

  专题导读

  More+

  10-27 六六分期app的软件客服如何联系？(六六分期
  11-06 可心卡盟:win10系统火狐flash插件崩溃怎么
  11-06 亲亲特价:怎么删除回收站图标
  11-06 济南大学虚拟社区:鲁大师节能降温的具体办
  11-06 xlueops.exe:无线网络安装向导
  11-06 女斗合众国:win7系统cf与主机连接不稳定怎
  11-06 0xc000022-[cf烟雾头]cf怎么调烟雾头
  11-06 qizideyouhuo:应用程序无法正常启动0xc0000
  11-06 ipz-185:win7系统vcf文件怎么打开
  11-06 傻哥蹦迪:win10系统s4怎么打开usb调试
  11-06 八神浩树gtaste:回收站清空了怎么恢复
  11-06 妖尾之黑色守护:win10系统电脑没有1440x900
  11-06 校园至尊魔王小说:win7系统浏览网页时字体
  11-06 女斗合众国:win10系统访问共享文件夹提示请
  11-06 tokyo hot n0654:恢复win7系统默认字体一招
  11-06 雨酷仙境:设置win7系统转移临时文件夹腾出
  11-06 阿穆纳伊之杖:win7系统开始菜单在右边还原
  11-06 tunespotting:win10系统火狐flash插件总是
  11-06 甘尔葛分析师：计谋网站seo关键词暴涨有什
  11-06 蔡贵霖: 计谋网站seo关键词暴涨有什么秘密
  11-06 博益网首页:ao3网页版进入不了解决方法
  11-06 漏斗子专栏: 网站数据分析小白易懂精华篇
  11-06 见证双虹怎么做:win7系统开启telnet命令的
  11-06 颾狐蝶蜋:系统资源不足无法完成请求的服务
  11-06 国光中学校歌:提交网站到alexa查询详细步骤
  11-06 西安有情天:静态网页和动态网页的区别
  11-06 红木雅尚斋:外部链接构造对网站的好处
  11-06 前官礼遇：防止域名劫持–增强域安全性的10
  11-06 密传二转答案: 中文分词算法有哪些
  11-06 金泉家园邮编:百度快照劫持的表现及应对方

  上一篇：

  codeuino/social-platform-donut-frontend: This is an Open Source social Platform ...发布时间：2022-06-07

  下一篇：

  nhsuk/nhsuk-frontend: NHS.UK frontend contains the code you need to start buildi ...发布时间：2022-06-07

  热门推荐

  More+

  • 

    blaisewang/img2latex-mathpix: An image t

  • 

    librespeed/speedtest: Self-hosted Speedt

  • 

    avehtari/BDA_m_demos: Bayesian Data Anal

  • 

    四维彩超怎么看性别？四维看男孩女孩诀窍

  • 

    Delphi读写UTF-8、Unicode格式文本文件

  热门话题

  More+

  
  2022-11-06
  剪的笔顺,诠释剪的笔画,认识剪的部首
  
  florent37/ViewAnimator: A fluent Android
  2022-08-15
  
  florent37/Shrine-MaterialDesign2: implem
  2022-08-17
  
  六六分期app的软件客服如何联系？(六六分期
  2023-10-27
  
  CVE-2020-36276
  2022-09-23
  
  SimpleSoftwareIO/simple-sms: Send and re
  2022-08-13

  

  阅读排行榜

  1 六六分期app的软件客服如何联系？(六六分期
  
  六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期
  阅读：12219|2023-10-27
  2 可心卡盟:win10系统火狐flash插件崩溃怎么
  
  今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知
  阅读：7387|2022-11-06
  3 亲亲特价:怎么删除回收站图标
  
  今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道
  阅读：6292|2022-11-06
  4 济南大学虚拟社区:鲁大师节能降温的具体办
  
  今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要
  阅读：6746|2022-11-06
  5 xlueops.exe:无线网络安装向导
  
  我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多
  阅读：6571|2022-11-06
  6 女斗合众国:win7系统cf与主机连接不稳定怎
  
  今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不
  阅读：7038|2022-11-06
  7 0xc000022-[cf烟雾头]cf怎么调烟雾头
  
  电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很
  阅读：6510|2022-11-06
  8 qizideyouhuo:应用程序无法正常启动0xc0000
  
  我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法
  阅读：5984|2022-11-06
  9 ipz-185:win7系统vcf文件怎么打开
  
  今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win
  阅读：6408|2022-11-06
  10 傻哥蹦迪:win10系统s4怎么打开usb调试
  
  今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎
  阅读：5678|2022-11-06

  

  • 关于我们

    创业团队 加入我们 媒体报道 合作伙伴 公益事业

  • 产品与服务

    寻求合作 项目投资 干货视频 经理人培训 招聘代理

  • 解决方案

    一站式 制造业 教育科研 行业案例

  

  扫描微信二维码

  查看手机版网站

  随时了解更新最新资讯

  139-2527-9053

  在线客服（服务时间 9:00～18:00）

  在线QQ客服

  地址：深圳市南山区西丽大学城创智工业园

  电邮：jeky_zhao#qq.com

  移动电话：139-2527-9053

  Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap

  返回顶部