JavaScript Modal

Open-source JavaScript projects categorized as Modal

Top 22 JavaScript Modal Projects

  • sweetalert2

    ✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦

    Project mention: Using sweetalert2 for ASP.NET Core/Razor Pages | dev.to | 2023-05-07

    Sweetalert2 is a customizable, accessible WAI-ARIA alternative to JavaScript and BootStrap dialogs.

  • react-modal

    Accessible modal dialog component for React

    Project mention: Top React UI Libraries for Simplifying Frontend Development and How to Implement Them | dev.to | 2023-03-19

    For styling and additional configuration, refer to full documentation here: React Modal Documentation.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • body-scroll-lock

    Body scroll locking that just works with everything 😏

    Project mention: Next 13: how to disable scrolling on body when modal is open? | reddit.com/r/nextjs | 2023-04-27

    i built a modal system at work that uses this, except using https://github.com/willmcpo/body-scroll-lock to lock/unlock when a modal is displayed...you have to also limit scrolling on the html tag for full support across all devices

  • react-native-modal-datetime-picker

    A React-Native datetime-picker for Android and iOS

    Project mention: Android Date Time Picker can anyone recommend a good Android date time picker for a project using old architecture react native? | reddit.com/r/reactnative | 2023-03-29
  • baguetteBox.js

    :zap: Simple and easy to use lightbox script written in pure JavaScript

  • a11y-dialog

    A very lightweight and flexible accessible modal dialog script.

    Project mention: How would you improve this warning modal and add some red or yellow color to it? | reddit.com/r/css | 2022-09-11

    If it's a warning it should probably be role="alertdialog" rather than role="dialog". This will allow assistive devices to prioritize its content and trigger things like an alert sound. You probably also want to put keyboard focus on the least destructive action, which in your case would be the "save changes" button, rather than leaving keyboard focus above the close button. Here's a script by Kitty Giraudel that will do most of this for you, if you want.

  • react-portal

    🎯 React component for transportation of modals, lightboxes, loading bars... to document.body or else.

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • AlertifyJS

    A javascript framework for developing pretty browser dialogs and notifications.

  • react-native-loading-spinner-overlay

    :barber: React Native loading spinner overlay

    Project mention: Top 10+ Best React Native UI Components for Mobile App Development | dev.to | 2023-01-04

    React Native Loading Spinner

  • jBox

    jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.

  • photoviewer

    🌀 A JS plugin to view images just like in Windows.

  • 🦞 Modali

    A delightful modal dialog component for React, built from the ground up to support React Hooks.

  • react-layer-stack

    Layering system for React. Useful for popover/modals/tooltip/dnd application

  • reoverlay

    The missing solution for managing modals in React.

  • bigger-picture

    JavaScript lightbox gallery for images, video, audio, iframes, html. Zoomable, responsive, accessible, lightweight.

  • smalltalk

    Promise-based Alert, Confirm and Prompt replacement (by coderaiser)

  • react-apple-signin-auth

     Apple signin for React using the official Apple JS SDK

  • bs5-lightbox

    A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components

  • use-modal-hook

    🚀 React hook for controlling modal components

    Project mention: React hook for controlling modal components | reddit.com/r/npm | 2022-11-29

    React hook for controlling modal components https://github.com/alexanderkhivrych/use-modal-hook

  • bootstrap-show-modal

    A Bootstrap plugin, to create modals dynamically in JavaScript

  • eins-modal

    Simple to use modal / alert / dialog / popup. Created with pure JS. No javascript knowledge required! Works on every browser and device! IE9

  • react-dynamic-sheet

    A react component for an animated mobile-first dynamic action sheet (modal/sheet)

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-05-07.

JavaScript Modal related posts

Index

What are some of the best open-source Modal projects in JavaScript? This list will help you:

Project Stars
1 sweetalert2 15,881
2 react-modal 7,219
3 body-scroll-lock 3,890
4 react-native-modal-datetime-picker 2,750
5 baguetteBox.js 2,369
6 a11y-dialog 2,204
7 react-portal 2,112
8 AlertifyJS 2,004
9 react-native-loading-spinner-overlay 1,525
10 jBox 1,382
11 photoviewer 299
12 🦞 Modali 206
13 react-layer-stack 158
14 reoverlay 128
15 bigger-picture 124
16 smalltalk 84
17 react-apple-signin-auth 81
18 bs5-lightbox 80
19 use-modal-hook 63
20 bootstrap-show-modal 47
21 eins-modal 30
22 react-dynamic-sheet 18
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com