Developing blockchain applications for Ethereum (or Dapps) is a roller coaster of emotional ups and downs for developers. The potential decentralization offers is exciting, but the ecosystem is still feeling it’s growing pains as there are still barriers to user adoption and development. As a result, building the frontend for Dapps can be a painful process for developers…until today. The Matryx Team (www.matryx.ai) has been working on easier ways of creating a Vue.js based frontend for Dapps supporting Ethereum Smart Contracts.
Vuethereum is a collection of Vue.js components for interfacing with Ethereum’s Web3. As a result, it combines the power of working with Web3 smart contracts, with the simplicity of developing with Vue.js.
Simply install the library via NPM:
npm install vuethereum
Then include it in your project:
// main.js import Vue from 'vue' import Vuethereum from ‘vuethereum’ Vue.use(Vuethereum) // the rest of your main.js file
At the time of writing, Vuethereum includes four components:
With these tools in place, we can build a complex UI’s that can check if Web3 is available, access the user’s address and network, provide a smart contract to interface with, and finally, show the details from any transaction. Cool!
Substrate UI with Vue and Subsocial. At this week's seminar we see a live demo of building a UI for a Substrate chain using Vue.JS.
In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.
Markdown is a way to style text on the web. The 10 Vue markdown components below will give you a clear view.
Vue input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. In this article I will share 15 Vue input components to you.