Vue Final Modal 5

The most powerful yet most light-weight modal library for Vue 3.

Playground

• Stackblitz for Vue 3
• Stackblitz for Nuxt

Installation

npm install vue-final-modal

See the setup guide for the plugin, the Nuxt module and loading it from a CDN.

Packages

Package	Description
vue-final-modal	The modal library
vue-use-template	Renders templates opened from anywhere, which useModal() is built on
@hunterliu/scroll-lock	The scroll lock behind lockScroll

Documentation

Coming from 4.x? Check the migration guide.

Looking for old version?

• [email protected] for Vue 3
• [email protected] for Vue 3
• [email protected] for Vue 2

Contribution Guide

# Install packages, which also builds vue-final-modal
pnpm install

# Run both docs and viteplay
pnpm dev

# Rebuild vue-final-modal on change
pnpm dev:vfm

# Run docs: http://localhost:3000/
pnpm dev:docs

# Run viteplay: http://localhost:5173/
pnpm dev:viteplay

Contributors

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

Made with contributors-img.

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