cube-ui 是基于 Vue.js 实现的精致移动端组件库，由滴滴出行出品；它响应迅速、动画流畅，追求极致的交互体验。 总体分为基础、弹层、滚动三大组件模块，可以说基本涵盖了我们移动端所有的组件需求。

介绍

Cube UI 是一款由滴滴 WebApp 前端架构组开发和维护的 ui 组件库，目标是让移动端的开发更加容易，让开发人员更加专注于业务逻辑的开发，提升研发效率。

特点

• 质量可靠。由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。

• 体验极致。以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。

• 标准规范。遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。

• 扩展性强。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

使用体验

Cube UI 基于 Vue.js ，因此推荐使用 cli 的方式开发，和诸多知名组件库一样，支持按需引入，这样我们就可以只使用它特别优秀的弹层和滚动组件。

官网的文档写得很清晰，熟练 Vue.js 即可开箱使用，没有什么难度。

虽然 Cube UI 默认是和滴滴一样的主题样式，但这套组件满足了主题定制的需求，前端开发者可以根据设计师的要求，实现自定义主题样式。

手机扫码体验demo，各组件体验非常流畅，甚至可以媲美App。如果从零开始去造轮子，得花多少时间啊，毕竟在互联网圈，选择一个优秀的库，快速上线项目，比什么都重要。

免费使用说明

Cube UI 在 github 上开源，可以自由下载学习和免费使用在商业项目，请放心搬砖。

访问官网

https://didi.github.io/cube-ui/#/zh-CN

Github开源

https://github.com/cube-ui/cube-application-guide

演示DEMO

https://didi.github.io/cube-ui/#/zh-CN/example