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
This is an easy yet highly customizable, mobile-friendly modal & dialog component for Vue.js 2+ app. Supports server-side rendering.
A simple alert dialog component for Vue.js 2, inspired by SweetAlert.
An elegant, responsive, animated modal component for Vue.js that comes with more than 9 fancy animation types powered by CSS3.
A lightweight, promise based Vue.js dialog component to create awesome alert, prompt and confirm dialog boxes on the web app.
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.
A Vue.js 2+ popup component to create iOS style Alert, Confirm, Toast dialogs with ease.
A Bootstrap style modal component for Vue.js app.
A Vue.js modal component that allows the user to open multiple modal windows at a time.
A draggable, touch-enabled dialog window component for Vue.js app.
A simple and powerful dialog for Vue.js 2+, including Modal, Alert, Mask and Toast.
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.