Need help? Hire us for your next project!

Lunar Modals

Beautifully Designed Bootstrap Modals that you can use for free

Download Show Demos

Features

SCSS
Animations
Responsive
Easy to use
Customizable
Modern Layouts
Extendable
Clean Code

How it works

01
Add Lunar Libraries to your code after Bootstrap includes.
02
Copy the Markup of modal you need from demos.
03
Initialize the modal & thats all!. 
<html>
<head>
    <!--Bootstrap Stylesheet -->
    <link rel="stylesheet" href="bootstrap.min.css">
    <!--Lunar Stylesheet -->
    <link rel="stylesheet" href="lunar.css">
</head>
<body>
<!--Paste Modal Markup -->

<!-- Bootstrap Includes -->
<script src="bootstrap.min.js"></script>
<!-- Lunar JS -->
<script src="lunar.js"></script>
</body>
</html>

We have crafted 30 Premade demos which you can use in your project.

Checkout Demos

License

You can use them for commercial and noncommercial purposes for free. You do not need to ask permission from or provide credit to us, although it is appreciated when possible. This license does not include the right to compile modals from lunar to replicate a similar or competing service.

  • MIT License
  • No attribution required
  • Free for commercial or personal use

Other Projects