A lightweight, framework-agnostic modal library powered by animate.css
Pure ES6 class with no runtime dependencies. Just you, animate.css, and your markup.
Works with Bootstrap, Materialize, Tailwind CSS, or your own custom styles.
Separate entry and exit animations for both backdrop and content. Mix and match freely.
Customize IDs, classes, colors, effects, and triggers via a simple options object.
Import as a standard ES6 module. Works with Webpack, Vite, Rollup, or directly in the browser.
Optional click ripple effect using the vendored node-waves library.
Data entry form with customer details table. Uses bounceInUp/bounceOutUp effects.
Familiar Bootstrap-like dialog with fadeInDown/fadeOutUp effects.
Material Design inspired modal with zoomIn/zoomOut effects.
Sleek modern dialog with jackInTheBox/hinge effects.
Click Preview to test any effect on the modal below
| Category | Effect | In / Out |
|---|