Sweet Modals For Vue.js

Sweet Modals For Vue.js

Sweet, easy and powerful modals (alert, confirm, prompt and modal popups) for Vue.js applications.


The sweetest library to happen to modals. Now available for Vue.js.


Install SweetModal for Vue.js through npm:

npm install sweet-modal-vue


For examples, refer to the demo page.

Browser Compatibility

SweetModal should work in most major browsers:

  • Safari 9+
  • Firefox 20+
  • Chrome 20+
  • Opera 15+
  • Microsoft Edge


  1. Fork the repository
  2. Run npm install
  3. Run npm run dev and start hacking. You can reach the example site at http://localhost:8081.
  4. When you're done, run one final npm run build command and commit your work for a pull request.


  • tabs for indentation, 1 tab = 4 spaces
  • camelCase method names
  • _camelCase for private methods
  • snake_case computed properties
  • snake_case data
  • kebab-case attributes
  • arrow functions if possible
  • be fully ES6 compliant!

Github Repository

Tags: #VueJs