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. Learn more →
Top 22 JavaScript Modal Projects
-
sweetalert2
✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦
Sweetalert2 is a customizable, accessible WAI-ARIA alternative to JavaScript and BootStrap dialogs.
-
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!
-
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
-
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
-
-
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)
-
-
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.
-
-
🦞 Modali
A delightful modal dialog component for React, built from the ground up to support React Hooks.
-
-
-
bigger-picture
JavaScript lightbox gallery for images, video, audio, iframes, html. Zoomable, responsive, accessible, lightweight.
-
-
-
bs5-lightbox
A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
-
React hook for controlling modal components https://github.com/alexanderkhivrych/use-modal-hook
-
-
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
- Android Date Time Picker can anyone recommend a good Android date time picker for a project using old architecture react native?
- React Bootstrap Overriding Custom CSS
- How would you improve this warning modal and add some red or yellow color to it?
- What is the best way to implement a modal in React?
- Best notification libraries and plugins for Javascript and jQuery
- react-modal Dynamic Sizing
- Demystifying package.json
-
A note from our sponsor - InfluxDB
www.influxdata.com | 1 Jun 2023
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