cube-ui
:large_orange_diamond: A fantastic mobile ui lib implement by Vue
cube-ui is a mobile-first UI component library for Vue, built by DiDi, that provides ready-made phone-screen components like buttons and action sheets, installable one piece at a time to keep your app's file size small.
cube-ui is a mobile UI component library built with Vue, the JavaScript framework for building web interfaces. It was created by DiDi, the Chinese ride-hailing company, and released as open source. The library gives developers a ready-made set of visual building blocks, such as buttons and action sheets, that are designed for use on smartphone-sized screens.
Rather than requiring you to pull in every component at once, cube-ui supports modular imports. You pick only the components your project needs, which keeps the final bundle size smaller. The library is installed through npm, the standard JavaScript package manager, with a single command.
For starting a new project from scratch, the README points to a template that works with vue-cli, Vue's official project scaffolding tool. Running one command sets up the initial file structure and configuration so you do not have to wire everything together by hand.
The README is brief and focuses on installation, basic usage, and development setup. It does not describe the full list of included components; those are documented separately on the project's website. cube-ui is one of several open-source libraries DiDi maintains alongside mobile frameworks and app optimization tools.
Where it fits
- Build a mobile web app in Vue using pre-made phone-screen UI components like action sheets and buttons.
- Start a new Vue mobile project with one command using cube-ui's vue-cli template.
- Import only the specific cube-ui components your app needs to keep the final bundle size small.