细数阿里 25 个开源的前端项目，让你的 2024 路更加平坦

Ant Motion

Ant Motion 是从蚂蚁金服的 Ant Design 中提炼出来的动效语言。它不仅仅是动效语言，同时也是一套 React 框架动效解决方案，提供了单项，组合动画，以及整套解决方案，帮助开发者更容易的在项目中使用动效。

• 增加体验舒适度： 让用户认知过程更为自然。

• **增加界面活力：**第一时间吸引注意力，突出重点。

• **描述层级关系：**体现元素之间的层级与空间关系。

• **提供反馈、明确意向：**助力交互体验。

地址：

https://motion.ant.design/index-cn

Ant Motion

多页面切换场景统一解决方案 UltraViewPager

================================

UltraViewPager 是阿里开源的一个封装多种特性的 ViewPager ，主要是为多页面切换场景提供统一解决方案。

UltraViewPager继承自RelativeLayout，将ViewPager和indicator置于其中，同时UltraViewPager提供了一些ViewPager常用方法的代理，这样在日常使用上保持和ViewPager无差异，如果需要调用ViewPager的所有方法，可通过getViewPager()方法拿到真正的ViewPager进行操作。

竖向滑动是通过在ViewPager的onInterceptTouchEvent和onTouchEvent中交换横竖向的event location，同时设置特殊PageTransformer实现，详见源码。

地址：

https://github.com/alibaba/UltraViewPager

模块化 UI 界面方案 Tangram UI

==========================

Tangram UI

Tangram，七巧板，几块简单的积木就能拼出大千世界。我们用Tangram来命名这套界面方案，也是希望他能像七巧板一样可以通过几块积木就搭出丰富多彩的界面。

特性：

• **跨平台支持：**已有Android&iOS支持，一份数据，多端渲染一致

• **面向业务：**流式布局，瀑布流布局，吸顶，浮标，轮播，内置布局可适应大多数场景，开放的API，易于拓展自己的布局和解析器

• **高性能：**高效的回收复用算法，可定制化的复用粒，适应复杂布局的场景，为丝滑般顺畅提供基础

• **动态组件：**通过 VirtualView，支持自定义 XML 动态创建组件视图

• **TAC：**配套的后端微服务设施，灵活构建 Tangram 业务所需的数据

地址：

http://tangram.pingguohe.net/