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 20 2023
1. Resizable Draggable Modal & Dialog Component – vue-js-modal
A lightweight, responsive, customizable, resizable, and draggable modal window & dialog box component for Vue.
2. Mobile-friendly Modal Popup Library For Vue – Final Modal
A tiny, elegant, renderless, mobile-friendly, feature-rich modal window component for Vue.js 3/2.
3. v-dialogs
A simple and clean instructional dialog plugin for Vue2, dialog type including Modal, Alert, Mask and Toast.
4. Stackable Animate Modal Window Component For Vue – vue-modal
A tiny, responsive, animated, accessible, and stackable modal window solution for Vue.js powered web app.
5. Modaltor
A simple and powerful dialog for Vue.js 2+, including Modal, Alert, Mask and Toast.
6. Dynamic And Custom Modal Component For Vue – xmodal
A customizable and dynamic modal component for Vue apps.
7. Universal Accessible Modal Component For Vue 3
A feature-rich, accessible, and customizable modal plugin for Vue 3 applications.
8. Simple Modal Component For Vue 3 – Jenesius
Just another modal & dialog component for Vue 3 applications.
9. Swipeable Bottom Sheet Component – vue-swpie-modal
A Vue 3/2 component to create a swipeable inspired by the mobile bottom sheet as you’ve seen on iOS and Android.
10. Beautiful Dialog Modal Component For Vue 3 – Gitart
A beautiful & customizable dialog and modal component created for Vue 3 applications.
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.
More Resources:
- 10 Best Modal Components In JavaScript & Pure CSS
- 10 Best Video Lightbox Plugin In JavaScript
- 10 Best Lightbox Gallery Plugins In JavaScript & CSS
- 10 Best Gallery Lightbox Libraries In Pure JavaScript