eins-modal

Simple to use modal / alert / dialog / popup. Created with vanilla JS. No javascript knowledge required! Works on every browser and device! IE >= 9

Usage no npm install needed!

<script type="module">
  import einsModal from 'https://cdn.skypack.dev/eins-modal';
</script>

README

EinsModal

License: MIT

The last modal / alert / dialog you will ever need!

Full Documentation: https://www.einscms.com/modal

EinsModal is the best solution to interact with your users.

It works on every browser and device! (Internet Explorer >= 9)

"Eins" is german and means "one".

This software is part of the Eins-Software-Family.

Every Eins-Software-Product aims to be the one and only software solution you will ever need regarding its task.

Features

  • ⚑ Created with Vanilla Javascript

    Created with vanilla js. Means no external framework used.

  • ✏️ Well documented

    The documentation also has a Modal-Generator 😍

  • πŸ’ͺ Actively Maintained

    The software is always up to date!

  • 🌈 Works with all mobile and desktop Browsers

    Internet Explorer >= 9

  • 🍰 Easy to use and robust

    Eating a cake is more difficult than using EinsModal πŸ˜‚

  • 😎 Can display every type of HTML

    Yes, it can!

  • πŸš€ No Javascript knowledge required

    You just need to know how to insert HTML!

  • πŸ”₯ Easy to Customize & Extend

    EinsModal has just a small amount of CSS. Means overriding it or extending it very easy!

    You can also use the SCSS file if you want to.

    EinsModal provides everything you need to interact with it via JS. Means there are no limits regarding extending and using!

  • 🌚 Dark theme build in

    Dark theme is already build in. Modifying it or adding new themes is very easy!

Installation

With NPM

npm install eins-modal
// scss
import 'eins-modal/src/scss/style.scss'
// OR css
import 'eins-modal/dist/css/eins-modal.min.css'

// javascript
import EinsModal from 'eins-modal';
// OR
import 'eins-modal';

Without NPM

Download

<head>
  <!-- In Head Tag -->
  <link rel="stylesheet" href="/path/to/dist/css/eins-modal.min.css">
</head>
<body>
  <!-- End Of Body Tag -->
  <script src="/path/to/dist/js/eins-modal.min.js"></script>
</body>

Author

License

This project is open source and available under the MIT License.

You can find Examples and more here:

https://www.einscms.com/modal