vue-final / Vue Final Modal
Licence: mit
🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
Stars: ✭ 128
Projects that are alternatives of or similar to Vue Final Modal
svelte-accessible-dialog
An accessible dialog component for Svelte apps
Stars: ✭ 24 (-81.25%)
Mutual labels: a11y, modal, dialog
vue-modal
A customizable, stackable, and lightweight modal component for Vue.
Stars: ✭ 96 (-25%)
Mutual labels: a11y, modal, dialog
A11y Dialog
A very lightweight and flexible accessible modal dialog script.
Stars: ✭ 1,768 (+1281.25%)
Mutual labels: a11y, dialog, modal
Simplelightbox
Touch-friendly image lightbox for mobile and desktop
Stars: ✭ 744 (+481.25%)
Mutual labels: dialog, modal
Bootstrap Show Modal
A Bootstrap 4 / jQuery plugin wrapper, to create modals dynamically in JavaScript
Stars: ✭ 38 (-70.31%)
Mutual labels: dialog, modal
React Native Alert Pro
The Pro Version of React Native Alert (Android & iOS)
Stars: ✭ 69 (-46.09%)
Mutual labels: dialog, modal
Rmodal.js
A simple 1.2 KB modal dialog with no dependencies
Stars: ✭ 613 (+378.91%)
Mutual labels: dialog, modal
Ng2 Bootstrap Modal
Library to simplify the work with bootstrap modal dialogs
Stars: ✭ 53 (-58.59%)
Mutual labels: dialog, modal
React Poppop
A mobile support and multi-directional modal for ReactJS
Stars: ✭ 78 (-39.06%)
Mutual labels: dialog, modal
React Colorful
🎨 A tiny (2,5 KB) color picker component for React and Preact apps
Stars: ✭ 951 (+642.97%)
Mutual labels: tiny, a11y
Sweet Modal Vue
The sweetest library to happen to modals.
Stars: ✭ 682 (+432.81%)
Mutual labels: dialog, modal
Jbox
jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.
Stars: ✭ 1,251 (+877.34%)
Mutual labels: dialog, modal
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-33.59%)
Mutual labels: a11y, dialog
Ngx Sweetalert2
Declarative, reactive, and template-driven SweetAlert2 integration for Angular
Stars: ✭ 503 (+292.97%)
Mutual labels: dialog, modal
Sweetalert
A beautiful replacement for JavaScript's "alert"
Stars: ✭ 21,871 (+16986.72%)
Mutual labels: dialog, modal
Vue Final Modal
😎 Looking for a Vue 3 version? It's over here
🎉 Documentation
🙌 Examples
Introduction
Vue Final Modal is a renderless component!
You can create a higher-order component easily and can customize template, script and style based on your needs.
Features
- Support
Vue 3,Vue 2andNuxt - Tailwind CSS friendly
- Renderless component
- Tiny bundle size
- Support
stackable,detachable,scrollable,transition,accessibility,focusTrap,dynamic modal
Development
# Clone repo
git clone https://github.com/vue-final/vue-final-modal.git
# Run linter
yarn lint
# Run unit test
yarn test
# Build library
yarn
yarn build
# Run examples
cd examples
yarn
yarn serve
# Run docs
cd docs
yarn
yarn dev
Contribution
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:
-
Vuetify
- attach
-
Element UI
- stackable modal
- zIndex
- zIndexBase
-
vue-js-modal
- dynamic modal
- transition
- focusTrap for A11y
-
Bootstrap Vue
- lockScroll
There is no perfect library even the
finalof vue modal.
🚀 If you have any ideas for optimization of vue-final-modal, feel free to open issues or pull requests.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].