⛔️ Unmaintained and deprecated! Don't use any more! Instead check official F7 templates: http://framework7.io/templates/
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 27 commits ahead, 49 commits behind vuejs-templates:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



No Maintenance Intended

This repo is not mainted any more. It is very old, so please be aware that it will only work for Framework7 1.x! If you want the latest official up-to-date templates check the Framework7.io website!


  • Framework7 v1: yes
  • Framework7 v2: no
  • VueJS 2.x (or higher): yes


This is a project template for vue-cli.

Replace my-project with the name of your project!

$ npm install -g vue-cli
$ vue init valnub/vue-framework7-webpack-template my-project
$ cd my-project
$ npm install
$ npm run dev

What's Included

  • npm run dev: Webpack + vue-loader with proper config for source maps & hot-reload.
  • npm run build: build with HTML/CSS/JS minification.
  • Ready-to-use Framework7 plugin and example code

For detailed explanation on how things work:


If you get "undefined" in your GUI after starting the app, cd to your project folder and do this:

  1. cd node_modules/framework7-vue
  2. npm install
  3. gulp dist

More information

On my blog http://www.timo-ernst.net