The modal & popup is a most commonly used component in Vue.js app that enables you to overlay any content (for example images, ajax contents, important alert messages, etc.) on top of the screen.
Here is a hand-picked collection of 10 best free modal window and dialog/popup box components created for Vue.js based web and mobile apps. Have fun!
Originally published Nov 17 2017, updated Aug 17 2019
1. vue-js-modal
This is an easy yet highly customizable, mobile-friendly modal & dialog component for Vue.js 2+ app. Supports server-side rendering.
2. Vue 2 Simple Alert Component
A simple alert dialog component for Vue.js 2, inspired by SweetAlert.
3. Elegant Animated Modal Component For Vue.js – vodal
An elegant, responsive, animated modal component for Vue.js that comes with more than 9 fancy animation types powered by CSS3.
4. vuejs-dialog
A lightweight, promise based Vue.js dialog component to create awesome alert, prompt and confirm dialog boxes on the web app.
5. vue-modal-dialogs
vue-modal-dialogs turns dialogs into Promises. Developers can build and control dialogs a lot easier in Vue.js applications. Especially in some complicated situations like controlling multiple dialogs, nested dialogs, etc.
6. iOS Inspired Dialog Component
A Vue.js 2+ popup component to create iOS style Alert, Confirm, Toast dialogs with ease.
7. vue-bootstrap-modal
A Bootstrap style modal component for Vue.js app.
8. vue-thin-modal
A Vue.js modal component that allows the user to open multiple modal windows at a time.
9. vue-dialog-drag
A draggable, touch-enabled dialog window component for Vue.js app.
10. v-dialogs
A simple and powerful dialog for Vue.js 2+, including Modal, Alert, Mask and Toast.
Conclusion:
Didn’t find a modal component for your app in this list? Don’t forget to check out our Vue.js Modal section for more components.