JavaScriptおすすめモーダル系プラグイン9選

モーダル表示はプラグイン使わなくても簡単に実装できますが、表示時のアニメーション演出等を探すとプラグインが色々あったのでおすすめモーダル系プラグイン9選を紹介します。

animatedModal.js
画面一杯にモーダル画面表示時のアニメーションパターンがいくつかあります。
https://dad-union.com/animatedmodal-js-modal

Modaal
モーダルをCookie制御（jquery-cookie）と組み合わせて表示させることも出来ます。
https://dad-union.com/modaal-jquery-cookie-js
https://dad-union.com/modaal-js-youtube-modal

Lity
画像やYoTubeをポップアップ表示するできます。
https://dad-union.com/lity-js-image-youtube-popup

Lightbox2
昔からある画像をモーダル表示させるLightboxプラグインです。
https://dad-union.com/lightbox2-js-image-popup-modal

fancybox
こちらも昔からありますが、タッチやレスポンシブに対応可能なlightboxモーダル表示です。
https://dad-union.com/fancybox-js-touch-responsive-lightbox-modal

Modal (モーダル) · Bootstrap
HTML/CSSフレームワークBootstrapにあるmodal機能を使ってモーダル表示ができます。
https://dad-union.com/bootstrap-easy-modal-display

FullMod
ブラウザ全体にモーダル画面を表示する演出パターンがいくつかあるプラグインです。
https://dad-union.com/display-modal-fullscreen-browser-fullmod-js

lightgallery.js
Lightbox的に複数画像をモーダル表示できます。jQuery不要で簡単に設定可能です。
https://dad-union.com/lightgallery-js-multiple-images-modal-display-without-jquery

JavaScript（プラグイン、jQuery不使用）
jQueryやJavaScriptプラグインを使用せず、シンプルにJavaScriptだけでモーダル表示する方法です。複雑な表示演出や切替等を行わず、シンプルにモーダル表示させたい時に使えます。
https://dad-union.com/javascript-modal-without-plugin-jquery

これらのプラグインは、モーダル表示を実装するための選択肢の一つです。プロジェクトの要件やデザインに合わせて最適なプラグインを選んでください。
また、使用する際には公式ドキュメントを参照して適切に設定やカスタマイズを行うことをおすすめします。

※参考される場合は自己責任でお願いします。