With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 Modal Open-Source Projects
-
sweetalert2
✨ A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
PopupDialog
A simple, customizable popup dialog for iOS written in Swift. Replaces UIAlertController alert style.
-
-
PMAlertController
PMAlertController is a great and customizable alert that can substitute UIAlertController
-
react-portal
🎯 React component for transportation of modals, lightboxes, loading bars... to document.body or else.
-
-
django-admin-interface
:superhero: :zap: django's default admin interface with superpowers - customizable themes, popup windows replaced by modals and many other features.
-
-
jBox
jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Sweetalert2 is a customizable, accessible WAI-ARIA alternative to JavaScript and BootStrap dialogs.
I'm using https://github.com/gorhom/react-native-bottom-sheet, and they provide the gestureEventsHandlersHook prop to pass a custom hook, but I haven't found any code snippet on how to actually use this prop correctly.
Project mention: autocomplete - a JavaScript library that lets you quickly build autocomplete experiences | /r/javascript | 2023-06-08
Project mention: Next 13: how to disable scrolling on body when modal is open? | /r/nextjs | 2023-04-27i 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
Thanks! I used the normal presentation: "modal" for full screen modals, and react-native-modalize for custom modals
There's a good plugin called django-admin-interface that cleans up the Admin page to a point where it is still recognizable as the admin page but looks nicer. You also can customize the color themes, matching the palette of the app.
https://github.com/fabiocaccamo/django-admin-interface
I originally used https://github.com/ladjs/react-native-loading-spinner-overlay which had exactly the same issue which is why I wrote my own component (which of course didn't help).
Project mention: Please help me to understand storage and retrieval of content as well as registration and management of users using Svelte and Sveltekit. | /r/SvelteKit | 2023-08-14The Virtual Health Library uses jBox to create the tooltips.
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).
Modal related posts
- Show HN: Real-time image autocomplete in <100 lines of code with SDXL Lightning
- Did you compare the cost of using a GPT plus subscription and use GPT by API?
- Show HN: Turbo.art – an open-source playground for real-time Stable Diffusion
- Show HN: Turbo.art – real-time drawing style transfer
- Turbo Art, Powered by Modal
- Vue Modal Router
- Reactplosive Modal
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source Modal projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | SweetAlert | 22,357 |
| 2 | sweetalert2 | 16,788 |
| 3 | ng-bootstrap | 8,150 |
| 4 | react-modal | 7,315 |
| 5 | react-native-bottom-sheet | 6,020 |
| 6 | react-native-modal | 5,386 |
| 7 | autocomplete | 4,728 |
| 8 | body-scroll-lock | 4,007 |
| 9 | PopupDialog | 3,921 |
| 10 | Presentr | 3,057 |
| 11 | react-native-modal-datetime-picker | 2,906 |
| 12 | react-native-modalize | 2,778 |
| 13 | PMAlertController | 2,511 |
| 14 | baguetteBox.js | 2,421 |
| 15 | a11y-dialog | 2,372 |
| 16 | iziModal | 2,154 |
| 17 | react-portal | 2,137 |
| 18 | AlertifyJS | 2,044 |
| 19 | nice-modal-react | 1,894 |
| 20 | Reactjs-popup | 1,769 |
| 21 | django-admin-interface | 1,676 |
| 22 | react-native-loading-spinner-overlay | 1,568 |
| 23 | jBox | 1,395 |
Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com