Get started with remodal CDN

MIT licensed

Remodal is a lightweight, customizable modal library for React.

Tags:
  • jquery-plugin
  • jquery
  • plugin
  • flat
  • responsive
  • modal
  • popup
  • window
  • dialog
  • popin
  • lightbox
  • ui
  • zepto
  • synchronized
  • animations

Stable version

Copied!

How to start using remodal CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/remodal.min.css">
  <script src="https://cdn.cdnhub.io/remodal/1.1.1/remodal.min.js"></script>
  <style>
    .my-modal {
      width: 300px;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <button id="openModalBtn">Open Modal</button>

  <div id="myModal" class="remodal" data-remodal-id="myModal">
    <button data-remodal-action="close" class="remodal-close"></button>
    <h2>Hello, World!</h2>
    <p>Welcome to remodal!</p>
  </div>

  <script>
    document.addEventListener("DOMContentLoaded", function() {
      const modal = document.querySelector('#myModal');
      const openModalButton = document.querySelector('#openModalBtn');

      openModalButton.addEventListener('click', function() {
        modal.open();
      });
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions