A loading/progress indicator provides an easy way to show the current loading status while data in a specific area or the whole document is loading.
This is a curated list of 7 best components and JavaScript libraries for Vue.js applications to create awesome loading & progress indicators during HTTP requests, routing change, or all you want. Enjoy.
Originally published Mar 19 2020, updated June 18 2021
1. Adpative Skeleton Loading Component For Vue.js
A lightweight and themeable skeleton loader component that automatically adapts to your app content.
2. Fullscreen Loading Indicator For Vue.js 2
Vue.js v2.x component for full-screen loading indicator.
3. Loading Spinner Collection For Vue.js – vue-spinners
Yet another collection of loading spinners for Vue.js app.
4. SVG Loading Spinners For Vue.js
A simple component that allows to insert SVG based loading indicators/spinners to your Vue.js applications.
5. Simple Loading Screen For Vue
A simple loading screen plugin for your Vue application.
6. Vue Loading Spinner Collection
Just another collection of loading spinners for Vue.js based web applications.
7. Loading Indicator In Button For Vue.js – vue-loading-button
Just another ‘ladda button’ component for Vue.js which creates a loading indicator in the button once triggered.
More Resources:
You might not need a Vue.js component or UI library to create loading & progress indicates on your app. Here are a few resources which you can achieve it via Vanilla JavaScript or Pure CSS:
- 10 Best Loading Spinner/Indicator JavaScript & CSS Libraries
- 80+ Best Pure CSS Loading Spinners For Front-end Developers
- 10 Best Progress Bar Components For Vue.js App