Skip to content
Get packs

VUX

Mobile UI component library for Vue 2, built on WeUI styles.

GitHub Download v2.11.1
Stars
17.4k
Forks
3.6k
Licence
MIT
Language
Vue
Last update
4 months ago
Type
Library

What it is

Vux is a set of ready-made user interface components for building mobile web pages with Vue. It is built on WeUI, a design system that mimics the look of WeChat. Developers use it to add common mobile interface pieces without designing every component from scratch.

  • Build a mobile web app with form inputs, lists and navigation using prebuilt Vue components
  • Start a new project from the vux2 template, which is based on the Vue webpack template
  • Browse the live demo to see which components are available before adopting them

Great for

  • Developers building mobile web pages with Vue 2
  • Teams making WeChat-style or WeUI-style mobile interfaces
  • Projects that use webpack and want a starter template

Not ideal for

  • Projects on Vue 3, since the README only lists Vue@^2.3.0 as a requirement
  • Desktop-first applications, because the components target mobile web
  • Teams that need English-language docs, since the README says English docs are still in progress
Step-by-step guide: how to use VUXInstall, first run, examples, tips and FAQs
VUX alternativesVant vs VUXElement vs VUXbetter-scroll vs VUXPrimeVue vs VUXColorUI vs VUX

How to get it

  1. 1

    Clone and build from source

    You'll need: Node.js 7.6+ (for development, per README) · webpack 2.0+ · Vue 2.3.0+

    Install the template generator

    npm install vue-cli -g

    Create a project from the vux2 template

    vue init airyland/vux2 projectPath

    Install dependencies

    npm install

    Start the dev server

    npm run dev
  2. 2

    Run it

    • Install vue-cli globally with npm
    • Generate a project with vue init airyland/vux2 projectPath
    • Change into the project folder and run npm install
    • Run npm run dev to start the development server
  3. 3

    Get the most out of it

    • Use the live demo at vux.li to preview components before coding
    • Read the Chinese documentation at vux.li for the most complete component reference
    • Start from the vux2 template so the webpack setup is already wired up

Downloads

Source code (.zip)v2 branch · straight from GitHubRelease v2.11.1Release notes and sourceOfficial website & docsvux.li

Strengths

  • Ready-made mobile components that follow the WeUI look
  • Chinese documentation is available at vux.li
  • Released under the permissive MIT license

Trade-offs

  • The README targets Vue 2 and webpack 2, which are older versions
  • English documentation is marked as working in the README
  • The README does not show a full component list or a current version compatibility matrix

How it compares

ProjectStarsTypeLevelUpdatedBest for
vux (this)17.4kLibraryintermediate4 months agoDevelopers building mobile web pages with Vue 2
vant24.4kLibrarybeginner5 days agoTeams building mobile-first web apps or H5 pages in Vue
element54kLibrarybeginner2.2 years agoDevelopers maintaining an existing Vue 2.x web application
vue-awesome-swiper12.8kLibraryintermediate3.9 years agoTeams maintaining an existing Vue 3 app that already uses vue-awesome-swiper v5 and need a bridge while migrating
better-scroll16.4kLibraryintermediate2.4 years agoFront-end developers building mobile web lists or scrollable panels
mint-ui16.4kLibraryintermediate4.7 years agoDevelopers building mobile-style web pages or apps with Vue 2

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.