Vue Final Modal Logo Vue Final Modal Logo

Downloads License Netlify Status

Version Size Coverage Status

Version Size Coverage Status

Buy Me A Coffee

Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
You can create a higher-order component easily and can customize template, script and style based on your needs.


Support Vue 3, Vue 2 and Nuxt
Tailwind CSS friendly
Renderless component
Tiny bundle size
Support stackable, detachable, scrollable, draggable, resizable, transition, accessibility, focusTrap, dynamic modal

Enjoy light and dark mode: 

Live Demo


# Clone repo
git clone

# Run linter
yarn lint

# Run unit test
yarn test

# Build library
yarn build

# Run examples
cd examples
yarn dev

# Run docs
cd docs
yarn dev


Thank you to all the people who already contributed to vue-final-modal!

Made with contributors-img.

To develop vue-final-modal, I learn a lot from these awesome libraries:

There is no perfect library even the final of vue modal.

🚀 If you have any ideas for optimization of vue-final-modal, feel free to open issues or pull requests.

Edit this page on GitHub Updated at Fri, Oct 15, 2021