GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → frrrnd → Modalzinha Js

frrrnd / Modalzinha Js

Licence: mit
👨🏻‍💻 Very tiny modal in vanilla js.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

cssmodalminimal

Projects that are alternatives of or similar to Modalzinha Js

Rmodal.js
A simple 1.2 KB modal dialog with no dependencies
Stars: ✭ 613 (+3986.67%)
Mutual labels:  minimal, modal
Hugo Theme Terminal
A simple, retro theme for Hugo
Stars: ✭ 832 (+5446.67%)
Mutual labels:  minimal
Django Admin Interface
django's default admin interface made customizable. popup windows replaced by modals. :mage: ⚡️
Stars: ✭ 717 (+4680%)
Mutual labels:  modal
React Native Country Picker Modal
🇦🇶 Country picker provides a modal allowing a user to select a country from a list. It display a flag next to each country name.
Stars: ✭ 775 (+5066.67%)
Mutual labels:  modal
Chota
A micro (3kb) CSS framework
Stars: ✭ 733 (+4786.67%)
Mutual labels:  minimal
Choo
🚂🚋 - sturdy 4kb frontend framework
Stars: ✭ 6,637 (+44146.67%)
Mutual labels:  minimal
Splarkcontroller
Custom transition between controllers. Settings controller for your iOS app.
Stars: ✭ 693 (+4520%)
Mutual labels:  modal
Crab
JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API
Stars: ✭ 22 (+46.67%)
Mutual labels:  minimal
Calculator
Simple calculator built with React
Stars: ✭ 833 (+5453.33%)
Mutual labels:  minimal
React Native Raw Bottom Sheet
Add Your Own Component To Bottom Sheet Whatever You Want (Android and iOS)
Stars: ✭ 771 (+5040%)
Mutual labels:  modal
React Modal
Accessible modal dialog component for React
Stars: ✭ 6,716 (+44673.33%)
Mutual labels:  modal
Simplelightbox
Touch-friendly image lightbox for mobile and desktop
Stars: ✭ 744 (+4860%)
Mutual labels:  modal
Framework
MomentPHP | The PHP mini-framework based on Slim and Laravel Components
Stars: ✭ 6 (-60%)
Mutual labels:  minimal
Water.css
A drop-in collection of CSS styles to make simple websites just a little nicer
Stars: ✭ 6,666 (+44340%)
Mutual labels:  minimal
Modal logic
Final Year Masters Project: modal logic solver tableaux
Stars: ✭ 16 (+6.67%)
Mutual labels:  modal
React Useportal
🌀 React hook for Portals
Stars: ✭ 698 (+4553.33%)
Mutual labels:  modal
Rodal
A React modal with animations.
Stars: ✭ 754 (+4926.67%)
Mutual labels:  modal
React Overlays
Utilities for creating robust overlay components
Stars: ✭ 809 (+5293.33%)
Mutual labels:  modal
React Login Modal Sm
Customizable React Social Media login modal
Stars: ✭ 23 (+53.33%)
Mutual labels:  modal
Minimp3
Minimalistic MP3 decoder single header library
Stars: ✭ 898 (+5886.67%)
Mutual labels:  minimal
View All Similar Projects ➔

modalzinha.js 🖥

A Very simple tiny modal in vanilla js.

DEMO

Usage

Load CSS:

<link rel="stylesheet" href="modalzinha.css" />

Load Javascript:

<script src="modalzinha.js"></script>

HTML:

<button data-modal="open">Open!</button>

<div class="modal-wrapper" data-modal="wrapper">
        <div class="modal-content">
            <button data-modal="close">&times;</button>
            
            <div class="text">
              <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra semper nisi, nec tempus urna iaculis ac. Nam quis hendrerit neque. Curabitur in nisl eros. Morbi sagittis mattis quam, a tincidunt dui varius et. Vivamus ullamcorper lorem eget ligula ultrices volutpat.
              </p>
            </div>
        </div>
      </div>

This is basic modal style.

License

MIT. See /LICENSE

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].