Vue Mobile Template

screenshot of Vue Mobile Template

Vue Mobile Template

🎉 An open-source and free H5 mobile template based on vue3.x + CompositionAPI + JavaScript + vite + vant + vue-router-next + pinia, designed to help developers quickly build HTML5 mobile applications.


Vue Mobile Template is an open-source mobile template for H5 development. It is built on Vue3.x, CompositionAPI, JavaScript, Vite, Vant, Vue-router-next, and Pinia. The template aims to reduce development workload and facilitate fast mobile app development. It comes with pre-built components and features such as GridCard, MsgList, and SvgIcon. The template also has in-built functionalities for login, logout, permissions, and responsive layout adaptation using Rem. It provides a convenient way to develop mobile apps quickly.


  • Vue3.x, CompositionAPI, JavaScript, Vite, Vant, Vue-router-next, and Pinia
  • Pre-built components: GridCard, MsgList, SvgIcon
  • Login page, chat message list page, and personal center page
  • Functionality for login, logout, and permissions
  • Responsive layout adaptation with Rem


To install the Vue Mobile Template, follow these steps:

  1. Install Yarn globally by running the command npm install -g yarn in the command prompt.
  2. Clone the code repository from GitHub or Gitee:
    • GitHub:
    • Gitee:
  3. Once the repository is cloned, navigate to the project directory using the command prompt.
  4. Run the command yarn to install the project dependencies.
  5. After the dependencies are installed, the template is ready to use.

Please note that Vue3 and Vant do not support IE11 and earlier versions.


Vue Mobile Template is an open-source mobile template built on Vue3 and CompositionAPI. It provides a wide range of features and pre-built components to facilitate fast mobile app development. The template includes functionalities for login, permissions, and responsive layout adaptation. It requires Yarn for installation and is not compatible with IE11 and earlier versions. Overall, it is a convenient tool for developers looking to develop mobile apps quickly.


HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.


Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects


Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.


SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.