10 Best Modal/Popup/Dialog Components For Vue.js (2024 Update)

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 26 2024

1. Resizable Draggable Modal & Dialog Component – vue-js-modal

Resizable Draggable Modal & Dialog Component – vue-js-modal

Demo Download

A lightweight, responsive, customizable, resizable, and draggable modal window & dialog box component for Vue.


2. Simple Modal Component For Vue 3 – Jenesius

Simple Modal Component For Vue 3 – Jenesius

Demo Download

Just another modal & dialog component for Vue 3 applications.


3. Swipeable Bottom Sheet Component – vue-swpie-modal

Swipeable Bottom Sheet Component – vue-swpie-modal

Demo Download

A Vue 3/2 component to create a swipeable inspired by the mobile bottom sheet as you’ve seen on iOS and Android.


4. Mobile-friendly Modal Popup Library For Vue – Final Modal

Final Modal

Demo Download

A tiny, elegant, renderless, mobile-friendly, feature-rich modal window component for Vue.js 3/2.


5. Side Modal Component For Vue 3 – Side Panel

Side Modal Component For Vue 3 - Side Panel

Demo Download

A side modal component for Vue 3 that allows you to create panels sliding from the edge of the screen, with a sticky header and/or footer.


6. Stackable Animate Modal Window Component For Vue – vue-modal

Stackable Animate Modal Window Component For Vue – vue-modal

Demo Download

A tiny, responsive, animated, accessible, and stackable modal window solution for Vue.js powered web app.


7. Universal Accessible Modal Component For Vue 3

Universal Accessible Modal Component For Vue 3

Demo Download

A feature-rich, accessible, and customizable modal plugin for Vue 3 applications.


8. Beautiful Dialog Modal Component For Vue 3 – Gitart

Beautiful Dialog Modal Component For Vue 3 – Gitart

Demo Download

A beautiful & customizable dialog and modal component created for Vue 3 applications.


9. Mobile-first Fullscreen Modal Popup Library For Vue

Mobile-first Fullscreen Modal Popup Library For Vue

Demo Download

A responsive, mobile-friendly, fullscreen modal popup library for Vue.js.


10. An Easy Modal Manager For Vue – modal-provider

modal-provider

Demo Download

A Vue component that provides an easy way to generate and manage modal windows in your app.


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: