In this tutorial, we are going to create a simple dashboard for a smart home app. By the end, you should have a basic understanding of zircle-ui. Have in mind that the dashboard is designed just for learning purposes and is not meant to be ready for production.

Some previous knowledge of vue.js is recommended for this tutorial.

If you don't want to follow this tutorial step-by-step, you can see the app working in the examples section or you can clone the dashboard to follow this tutorial. Open a terminal an type:

git clone

After cloning the repository, got to the smart-home folder and execute:

npm install

If you find a bug or find out that something is not clear enough, please file an issue or submit a pull request on GitHub.


During this tutorial we are going to use the following awesome libraries: