git404hub

what is cube-ui fr?

didi/cube-ui — explained in plain English

Analysis updated 2026-06-24

9,117JavaScriptAudience · developerComplexity · 2/5Setup · easy

tl;dr

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.

vibe map

mindmap
  root((repo))
    What it does
      Mobile components
      Vue integration
      Modular imports
    Components
      Buttons
      Action sheets
      Mobile inputs
    Setup
      npm install
      vue-cli template
    Audience
      Vue developers
      Mobile web apps

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Build a mobile web app in Vue using pre-made phone-screen UI components like action sheets and buttons.

VIBE 2

Start a new Vue mobile project with one command using cube-ui's vue-cli template.

VIBE 3

Import only the specific cube-ui components your app needs to keep the final bundle size small.

what's the stack?

JavaScriptVue

how it stacks up fr

didi/cube-uimrdoob/stats.jscarbon-design-system/carbon
Stars9,1179,1169,120
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyeasyeasy
Complexity2/51/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 30min
License not described in the explanation.

in plain english

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.

prompts (copy fr)

prompt 1
Help me set up cube-ui in a new Vue project and add a bottom action sheet and a loading spinner to a page.
prompt 2
Show me how to import only the Button and ActionSheet components from cube-ui without pulling in the whole library.
prompt 3
Walk me through scaffolding a cube-ui Vue project with vue-cli and building a simple mobile form with touch-friendly inputs.
prompt 4
Help me customize cube-ui component colors and styles in my Vue project to match my app's branding.

Frequently asked questions

what is cube-ui fr?

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.

What language is cube-ui written in?

Mainly JavaScript. The stack also includes JavaScript, Vue.

What license does cube-ui use?

License not described in the explanation.

How hard is cube-ui to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is cube-ui for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.