The modal & popup is one of the most commonly used components in Vue.js 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 Feb 08 2021
1. 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.
2. vuedals
A Vue.js modal component that allows the user to open multiple modal windows at a time.
3. Sweet Modals For Vue.js
Sweet, easy and powerful modals (alert, confirm, prompt and modal popups) for Vue.js applications.
4. Eagle Modal
A Vue.js component to create customizable, dynamic, flexible, and pretty nice & clean modal windows & dialog boxes on the applications.
5. notivuecation
A promise-based alert and confirm dialog component for Vue.js.
6. Promise-based Modal Dialog Helper For Vue.js
his project is aimed to help developers to easily use dialogs by the advantage of Vue.js, Promise, and async function.
7. Reusable Modal Component For Vue
Reusable Modal component, supports own custom HTML, text and classes and/or passing a component. Featuring multiple modal content / buttons.
8. Vue Async Modal Component
A flexible modal component for Vue with the ability of asynchronous lazy loading.
9. Modaltor
A simple and powerful dialog for Vue.js 2+, including Modal, Alert, Mask and Toast.
10. Stackable Modal Component For Vue.js
A library for modal dialogs which can be stacked by using z-index position.
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.