index.html <link href="//unpkg.com/viewerjs/dist/viewer.css" rel="stylesheet"> <script src="//unpkg.com/vue/dist/vue.js"></script> <script src="//unpkg.com/viewerjs/dist/viewer.js"></script> <div id="app"> <div class="images clearfix"> <template v-for="image in images"> <img :src="image" class="image" :key="image"> </template> </div> </div> …
vue-clipboard2 A simple vuejs 2 binding for clipboard.js Install npm install --save vue-clipboard2 or use dist/vue-clipboard.min.js without webpack Usage For vue-cli user: import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)…
index.html <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css"/> <div id="app"> <h1>Vue.js + Faker.js playground</h1> <div id="container"> <table class="ui striped table"> <thead> <th>First name</th> <th>Last name</th> <th>Phone number</th> <th>E-mail</th> </thead> <tbody>…
vue-audio-recorder Audio recorder for Vue.js. It allows to create, play, download and store records on a server. Live demo Features Beautiful clean UI Download/upload/play record Time limit Records…
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://unpkg.com/vue@3.0.5"></script> <link rel="stylesheet" href="style.css"> <title>Mini Project</title> </head> <body> <div…
App.vue <template> <main class="d-flex flex-column justify-content-center align-items-center bg-dark"> <div class="container"> <div class="row justify-content-center mt-3"> <div class="col col-6"> <div class="text-center"> <div v-if="!winMessage"> <h1 class="text-info" v-if="isCross"> Cross…
npm i vue-fusioncharts Usage There are two ways of adding vue-fusioncharts component in your project Registering globally as a plugin Import vue, vue-fusioncharts and FusionCharts in main app file. import Vue…
vue-input-mask Yet another Vue component for input masking. Based on react-input-mask. Demo Install yarn add vue-input-mask or npm i -S vue-input-mask Properties mask : string Mask string. Default format characters are:…
About 💲 Vue.js Currency Converter 💲 vuejs-converter.herokuapp.com/ VUE + VUETIFY + AXIOS Advantages Reactivity Recent data API URL: https://www.cbr-xml-daily.ru/daily_json.js 30+ currencies Simple and intuitive interface Project setup npm install…
currency-converter-app Currency converter application using Vue.js 2, Exchange Rates API. Demo Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm…
