Modals made easy for Vue Developers
The most powerful yet most light-weight modal library for Vue 3.
Powerful Features
Custom Styling
Write your own CSS or bring libraries like Tailwind.
useModal
Open and close modal programmatically with
useModal() composable function.Nuxt Support
A Nuxt module with auto-imports, and modals opened while a component sets up are part of the server HTML.
Written in TypeScript
Fully typed for better DX.
Tiny footprint
Vue Final Modal focuses on the core functionality of modals, leaves the complex CSS up to the developer.
Contribution Guide
Thank you to all the people who already contributed to
vue-final-modal!pnpm
# 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
🚀 If you have any ideas for optimization of vue-final-modal, feel free to open issues or pull requests.