There are plenty of ways to create an image carousel in Vue.js. And plenty of libraries too. Owl carousel has always been my pick when creating a slideshow on a…
How to add an animated Google Maps Marker / SVG in Vue.js?
When it comes to Google Maps Markers, you really don't have intensive customisation options. Google Maps JavaScript API 3 provides handful of features to customise it. But changing the default…
How to select multiple images from a gallery using Vue.js | Example
Sometimes a simple looking task might not be so simple. There could be times where you want to prompt the user to select a few images from a source or…
10 Best Vue.js UI Component Libraries / Frameworks 2022
Vue.js (or Vue) is a JavaScript library used for creating SPAs. It's a popular choice of millions of front-end developers around the globe. Although comparatively new, Vue.js has already given…
How to architect / structure a large scale Vue.js application | Example
Wondering what is the best way to structure your Vue.js application so that it remains maintainable and extendable? The answer to that lies in modularity and predictability. You'd think that…
How to auto-lowercase user input in Vue.js?
Email address or username is probably the most important element of any web application. If you're doing a web app, there's a very high possibility that you've dealt with email…
How to show only the first N items of a list in Vue.js
With the v-for directive, you can easily render all the items of an array in Vue.js. But what if you don't want to show the complete list but only the…
Create random color gravatar using first and last name in Vue.js
There are plenty of libraries to help you create random avatars for profile / user names. However most of them require installation, some configuration and sometimes even network requests. If…
How to create an image uploader with preview in pure Vue.js?
There are multiple ways to create an image uploader in Vue.js. Majority of the developers prefer using a third party package (NPM) to get it done. However, in this example…