Popup JS

PopupJS is a lightweight JavaScript library that provides a simple way to create alerts for your web application. It's easy to use and customize and works well with modern web browsers.

This version of PopupJS is based on the style of iOS 18. The version based on iOS 26 will be created soon.

[!NOTE] Visit this page for sample.

Features

Alerts: Display customizable alert messages with icons and callbacks.
Popups: Create modal popups with titles, messages, and buttons.
Pull-Outs: Create pull-out notifications that can be swiped away.

Usage

To use PopupJS in your web application, include the following CSS and JavaScript files in your HTML document:

<head>
    <link rel="stylesheet" href="popup.css">
</head>
<body>
 <script src="popup.js"></script>
</body>

You can use our cdn-hosted files:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/alphabrate/popupjs/pu.min.css">
<link rel="stylesheet" href="https://alb-cdn.web.app/popupjs/pu.min.css">

<script src="https://cdn.jsdelivr.net/gh/alphabrate/popupjs/pu.min.js"></script>
<script src="https://alb-cdn.web.app/popupjs/pu.min.js"></script>

Please read the documentation for more information on how to use PopupJS.

Browser Support

PopupJS is compatible with modern web browsers, including Chrome, Firefox, Safari, and Edge.

Copyright

Credit

Design Resources (Template)

Apple Design Resources

Popupjs

Install / Use

README