前端开源项目
1.数据驱动的高交互可视化图形语法 AntV - G2
G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。
同时,G2 也是 AntV 最重要的组成,始于《The Grammar of Graphics》一书描述的视觉编码语法系统(这也是 G2 项目命名的由来)。
项目链接
2.企业级中后台 UI 解决方案 Fusion Design
Fusion Design 是一种旨在提升设计与开发之间 UI 构建效率的工作方式。通过建设基于 DPL 模式的,设计、前端之间的标准协议与工作流,来快速构建符合业务诉求的 DPL,提升 DPL 的构建效率和应用效率,帮助业务快速实现 UI 构建。
项目链接
3.设计语言 & 前端框架 Ant Design
Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。
它的特性:企业级金融产品的交互语言和视觉体系;丰富实用的 React UI 组件;
基于 React 的组件化开发模式;背靠 npm 生态圈;基于 webpack 的调试构建方案,支持 ES6。
项目链接
4.基于 G2 封装的 React 图表库 BizCharts
BizCharts 是一个基于 G2 封装的 React 图表库,具有 G2、React 的全部优点,可以让用户以组件的形式组合出无数种图表;
并且集成了大量的统计工具,支持多种坐标系绘制,交互定制,动画定制以及图形定制等等。
相信 BizCharts 定能成为您的数据可视化项目的强力助手。
项目链接
5.企业级 Node.js 框架 Egg
阿里开源的企业级 Node.js 框架。Egg.js 的插件机制有很高的可扩展性,一个插件只做一件事。
Egg.js 通过框架聚合这些插件,并根据自己的业务场景定制配置,这样应用的开发成本就变得很低。
项目链接
6.基于 React 的前端框架 umi
umi 是可插拔的企业级 React 框架,类似 Next.js。
项目链接
7.前端构建和工程化工具 Dawn
Dawn 取「黎明、破晓」之意,原为「阿里云·业务运营团队」内部的前端构建和工程化工具,现已完全开源。
它通过 pipeline 和 middleware 将开发过程抽象为相对固定的阶段和有限的操作,简化并统一了开发人员的日常构建与开发相关的工作。
项目链接
8.页面逻辑原型 Ant UX
这是一套制作页面逻辑的素材库,当你在产品设计初期,可以用它来绘制页面与页面之间的逻辑图,帮助你了解产品架构,业务流程。
配合工具: OmniGraffle ,Sketch
OmniGraffle 可以用来绘制图表,流程图,组织结构图以及插图,也可以用来组织头脑中思考的信息,
组织头脑风暴的结果,绘制心智图,作为样式管理器,或设计网页或PDF文档的原型。
Sketch 是一个矢量设计软件,可以帮助你快速投入UI设计当中。
项目链接
9.跨容器的渲染引擎 Rax
Rax 是阿里开源的一个通用的 JavaScript 库,主要有 React 兼容的 API 。
使用 React 的就应该已经知道如何使用 Rax。
项目链接
10.基于 WebGL 的 Javascript 3D 绘图引擎 G3D
G3D 是阿里巴巴开源的一款基于 WebGL 的 javascript 3D 绘图引擎。
与其他的 WebGL 3D 引擎相比,G3D 是更加「纯粹」的渲染引擎,也就是说,它完全不依赖任何 DOM API,
而是仅仅依赖一个 canvas 对象(或者类 canvas 对象)。
该特性使得 G3D 不仅能够运行在浏览器环境中,也能够运行在一些非浏览器的 js 终端环境下(hybrid 环境),
比如 GCanvas 环境(基于 Weex 或 ReactNative)。
项目链接
11.跨平台移动开发工具 Weex
Weex 是开源的跨平台移动开发工具,能够完美兼顾性能与动态性,
让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS、安卓、YunOS及Web等多端部署。
项目链接
12.基于 Weex 的 UI 组件库 Weex Ui
Weex Ui 是一个基于 Weex 的富交互、轻量级、高性能的 UI 组件库。
项目链接
13.动效语言& React 框架动效解决方案 Ant Motion
Ant Motion 是从蚂蚁金服的 Ant Design 中提炼出来的动效语言。
它不仅仅是动效语言,同时也是一套 React 框架动效解决方案,提供了单项,
组合动画,以及整套解决方案,帮助开发者更容易的在项目中使用动效。
项目链接
14.多页面切换场景统一解决方案 UltraViewPager
UltraViewPager 是阿里开源的一个封装多种特性的 ViewPager ,主要是为多页面切换场景提供统一解决方案。
项目链接
15.模块化 UI 界面方案 Tangram UI
Tangram,七巧板,是天猫团队开源的跨平台模块化 UI 界面方案。
Tangram 不仅仅是一个 Native(iOS & Android)的界面开发框架,而是从日常工作中沉淀出的一套界面解决方案,
涵盖了 Native SDK、GUI操作台、后端逻辑容器、组件库机制的一整套方案。
项目链接
16.自动化测试解决方案 Macaca
Macaca是一套完整的自动化测试解决方案,支持移动端和PC端,支持Native, Hybrid, H5 等多种应用类型,并且提供客户端工具和持续集成服务。
项目链接
17.基于 React 的中后台应用解决方案 飞冰 ICE
飞冰(ICE) 是一套基于 React 的中后台应用解决方案,ICE 包含了一条从设计端到开发端的完整链路,帮助用户快速搭建属于自己的中后台应用。
面向设计者端,ICE 提供了 ICE Design 设计语言,来给 UI 界面提供专业的视觉指导。
面向开发者端,ICE 提供了 Iceworks 工具,这是一个图形化界面的开发平台,它承载了 ICE 的物料体系和开发体验。
项目链接
18.HTML5 互动游戏引擎 Hilo
Hilo 是阿里巴巴集团开发的一款HTML5跨终端游戏解决方案,ta可以帮助开发者快速创建HTML5游戏。
项目链接
19.JavaScript 模板引擎 Velocity.js
Velocity.js 是velocity模板语法的javascript实现。Velocity 是基于Java的模板引擎,广泛应用在阿里集 体各个子公司。
Velocity模板适用于大量模板使用的场景,支持复杂的逻辑运算,包含 基本数据类型、变量赋值和函数等功能。
Velocity.js 支持 Node.js 和浏览器环境。
项目链接
-
非侵入式运行期 AOP 框架 Dexposed
Dexposed 是阿里巴巴无线事业部第一个重量级 Andorid 开源软件,
基于 ROOT 社区著名开源项目 Xposed 改造剥离了 ROOT 部分,演化为服务于所在应用自身的 AOP 框架。
它支撑了阿里大部分 App 的在线分钟级客户端 bugfix 和线上调试能力。
项目链接 -
自动化测试解决方案 UI Recorder
UI Recorder 是一款零成本的整体自动化测试解决方案,一次自测等于多次测试,测一个浏览器等于测多个浏览器!
项目链接 -
Android 应用热修复工具 AndFix
AndFix 是阿里巴巴开源的 Android 应用热修复工具,帮助 Anroid 开发者修复应用的线上问题。
Andfix 是 “Android hot-fix” 的缩写。
项目链接 -
淘宝 React 框架 React Web
淘宝前端团队开源项目React Web,通过与React Native一致的API构建Web应用。
项目链接
24.基于 Node.js 的自动化持续集成 Reliable
Reliable 是分布式架构的持续集成系统,由Macaca 团队的成员开发。
适用于集成构建、集成构建等场景。她是典型的主从结构,分为reliable-master 与 reliable-slave 两部分。
项目链接
-
模拟数据生成器 Mock.js
Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。
提供了以下模拟功能:根据数据模板生成模拟数据,模拟 Ajax 请求,生成并返回模拟数据,基于 HTML 模板生成模拟数据。
项目链接 -
React 应用的服务器渲染框架 Beidou
Beidou(北斗) 是 NodeJS & React 同构框架,基于Egg.js开发。
项目链接
可视化开源框架集合
1、AntV
项目链接
2、G2
G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表
项目链接
3、g2plot
g2plot 的定位是开箱即用、易于配置、具有良好视觉和交互体验的通用图表库。
项目链接
4、F2
F2 是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。
项目链接
5、G6
G6 是 AntV 旗下的图可视化与图分析引擎,G 来自于 Graphic、Graph ,意味着我们要基于图分析技术做图可视化;6 来自于《六度分隔理论》,表达了我们对关系数据、关系网络的敬畏和着迷。
项目链接
6、Graphin
Graphin 是一个基于 G6 封装的关系可视分析工具 ,简单,高效,开箱即用,取自 Graph Insight,图的分析洞察。
项目链接
7、L7
L7 是一个基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能力。
项目链接
8、G
G 是 AntV 几个产品共同的底层 2D 渲染引擎,高效易用,专注于图形的渲染、拾取、事件以及动画机制,给上层 G2、F2、G6 提供统一的渲染机制。
项目链接
9、ChartCubehttps://github.com/antvis/AVA
ChartCube 是一个可以快速完成图表制作的在线工具,只需要三步就可以创建出高品质的图表。
项目链接
10、AVA
AVA 是一个智能可视分析框架,包含研发时的智能研发向导,阅读时的智能交互增强,可视分析时的智能辅助
项目链接