Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://didi.github.io/cube-ui/
:large_orange_diamond: A fantastic mobile ui lib implement by Vue
https://didi.github.io/cube-ui/
cube-ui javascript ui-library vue vue-components vue-ui
Last synced: about 1 month ago
JSON representation
:large_orange_diamond: A fantastic mobile ui lib implement by Vue
- Host: GitHub
- URL: https://didi.github.io/cube-ui/
- Owner: didi
- License: apache-2.0
- Created: 2017-11-03T06:17:27.000Z (about 7 years ago)
- Default Branch: dev
- Last Pushed: 2024-05-15T02:10:17.000Z (7 months ago)
- Last Synced: 2024-05-29T03:13:16.028Z (7 months ago)
- Topics: cube-ui, javascript, ui-library, vue, vue-components, vue-ui
- Language: JavaScript
- Homepage: https://didi.github.io/cube-ui/
- Size: 26.1 MB
- Stars: 9,114
- Watchers: 214
- Forks: 1,472
- Open Issues: 63
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-interview - Cube-UI - 滴滴
- awesome-my - CubeUI - ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。 (移动端 / PC端)
- awesome-frontend - Cube UI
README
# cube-ui [](https://travis-ci.org/didi/cube-ui?branch=master) [](http://codecov.io/github/didi/cube-ui?branch=master) [](https://www.npmjs.com/package/cube-ui)
> A fantastic mobile ui lib implement by Vue.
### Links
- [Home](https://didi.github.io/cube-ui/)
- [Docs](https://didi.github.io/cube-ui/#/en-US/docs)
- [Example](https://didi.github.io/cube-ui/example/)
- [Application Guide](https://github.com/cube-ui/cube-application-guide)
### Communication
### New cube-ui project ?
Recommend use the [CLI tools](https://github.com/cube-ui/cube-template) base on [vue-cli](https://github.com/vuejs/vue-cli) to init the config and base code:
```shell
$ vue init cube-ui/cube-template projectname
```
### Install
```shell
npm install cube-ui --save
```
### Usage
```js
import Vue from 'vue'
import Cube from 'cube-ui'
Vue.use(Cube)
```
#### Use modularized cube-ui
```js
import Vue from 'vue'
import {
/* eslint-disable no-unused-vars */
Style,
Button,
ActionSheet
} from 'cube-ui'
Vue.use(Button)
Vue.use(ActionSheet)
```
For more information, please refer to [Quick Start](https://didi.github.io/cube-ui/#/en-US/docs/quick-start)
### Development
```shell
git clone [email protected]:didi/cube-ui.git
cd cube-ui
npm install
npm run dev
# or run document development
npm run doc-dev
```
### Changelog
Detailed changes for each release are documented in the [release notes](https://github.com/didi/cube-ui/releases).
### DiDi Open Sources
- [Mpx](https://github.com/didi/mpx): An enhanced miniprogram framework with data reactivity and deep optimizition.
- [Chameleon](https://github.com/didi/chameleon)/kəˈmiːlɪən/: Unify all platforms(Web/Weex/Mini program) with MVVM. Focus on Write Once Run AnyWhere.
- [mand-mobile](https://github.com/didi/mand-mobile): A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
- [DoraemonKit](https://github.com/didi/DoraemonKit)/'dɔ:ra:'emɔn/: A full-featured App (iOS & Android) development assistant. You deserve it.
- [Booster](https://github.com/didi/booster): An easy-to-use, lightweight, powerful and extensible quality optimization toolkit designed specially for mobile applications.
- [More repos](https://github.com/didi/)