nightweb / window-modal

A mini floating window inside the browser that can move, resize, minimize and more!

window-modal

A modal window element designed to be smooth, clean and user friendly.
Includes many features and options!
Demo

Feature and improvement suggestions welcome!
Looking for a React Wrapper?

Features

• Pure JS (Written in TypeScript)
• Designed to be used in vanilla JS, or wrapped by front end frameworks (React, Vue, etc)
• Highly tested
• Movable
• Resizable
• Titles (with icons)
• Minimize
• Close
• Scrollable
• Customizable style (override styles with classnames, may have to use !important)
• Many options!

Setup

CDN

<script src="https://cdn.jsdelivr.net/npm/window-modal/build/index.js"/>

npm

npm install window-modal

then

const WindowModal = require("window-modal");

or

import WindowModal from "window-modal";

Usage

const options = { option: value };
new WindowModal(options);

• Options
• Events
• WindowModal Class