Mint UI
Mobile UI components for Vue 2 apps, distributed as an npm package.
- Stars
- 16.4k
- Forks
- 3.5k
- Licence
- MIT
- Language
- Vue
- Last update
- 4.7 years ago
- Type
- Library
No commits in over a year — check for forks or alternatives before adopting.
What it is
Mint UI is a set of ready-made user interface elements (components) for building mobile web pages with Vue.js. Developers install it from npm, import the pieces they need, and drop them into their Vue app instead of building every control from scratch. The README describes it as targeting Vue 2.0, with a separate install path for Vue 1.x.
- Add mobile-style UI controls such as cells and checklists to a Vue 2 page
- Import only selected components to reduce the size of the final bundle
- Load the library and stylesheet from a CDN such as unpkg for quick prototypes
Great for
- Developers building mobile-style web pages or apps with Vue 2
- Teams that want prebuilt Vue components rather than writing their own UI controls
- Projects that only need a few components and want to import them individually to keep bundle size down
Not ideal for
- Projects on Vue 3, since the README only documents Vue 2.0 and Vue 1.x support
- Non-developers looking for a no-code website builder, because it requires writing Vue code
- Teams needing active maintenance guarantees, since the last push shown is from February 2022
How to get it
- 1
Install with a package manager
You'll need: Node.js and npm · Vue 2.0 project
Install Mint UI (Vue 2)
npm i mint-ui -SInstall for Vue 1.x (if needed)
npm i mint-ui@1 -S - 2
Run it
- Install the package with npm i mint-ui -S
- In your entry file, import Vue and Mint, and import 'mint-ui/lib/style.css'
- Call Vue.use(Mint) to register all components
- Use a component such as Cell or Checklist in your templates
- 3
Get the most out of it
- Use babel-plugin-component to import only the components you need and load CSS automatically
- Check the official documentation site linked in the README for the full list of components and their props
- Use the npm run dev script from the repository to work on the project locally
Downloads
Strengths
- Simple install and usage through npm, with a documented global-import option
- Supports importing individual components and automatic CSS loading via babel-plugin-component
- Released under the permissive MIT license
Trade-offs
- The last push shown is from 2022-02-28, so it may not keep pace with newer Vue versions
- The README is brief and the full component list and API live on the external documentation site
- Built for Vue 2; using it with Vue 3 is not covered by the README
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| mint-ui (this) | 16.4k | Library | intermediate | 4.7 years ago | Developers building mobile-style web pages or apps with Vue 2 |
| vant | 24.4k | Library | beginner | 4 days ago | Teams building mobile-first web apps or H5 pages in Vue |
| framework7 | 18.8k | Framework | intermediate | 6 days ago | Developers who already know HTML, CSS and JavaScript and want to build mobile-style apps |
| element | 54k | Library | beginner | 2.2 years ago | Developers maintaining an existing Vue 2.x web application |
| vux | 17.4k | Library | intermediate | 4 months ago | Developers building mobile web pages with Vue 2 |
| element-plus | 27.8k | Library | intermediate | 4 days ago | Developers building admin panels or business web apps with Vue 3 |
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.