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 TypeScript Modal Projects
-
-
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.
-
react-native-actions-sheet
A Cross Platform(Android, iOS & Web) ActionSheet with a flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.
-
-
react-cool-portal
😎 🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to <body> or else.
-
react-modal-sheet
Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
-
panes
🎉📱 Create dynamic modals, cards, panes for your applications in few steps. One instance – Thousands solutions. Any framework and free.
-
vuejs-confirm-dialog
Makes simple to create, reuse, promisify and build chains of modal dialogs in Vue.js
-
ngx-simple-modal
A simple unopinionated framework to implement simple modal based behaviour in angular (v2+) projects.
-
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.
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
Thanks! I used the normal presentation: "modal" for full screen modals, and react-native-modalize for custom modals
rnas, try this one
Project mention: Introducing the Enhanced @nipe-solutions/react-spring-bottom-sheet: Now Supporting React 18 and XState v5 | dev.to | 2024-04-22Original Author's Repository: Cody Olsen's GitHub
Project mention: [Self Promo] Ato UI: A themeable UI library built with UnoCSS | /r/sveltejs | 2023-06-27Hi everyone, I'm so happy I can finally share the project I've been working on for the past few months. Ato UI is a themeable component UI library built with UnoCSS (with the Tailwind + Windi preset) and offers both styled and headless components, since the library is build on top of other fantastic headless libraries like Headless UI and Grail UI. Skeleton was also a big inspiration, as you'll be able to see in the designer page and the token system.
Everything I wrote was programmed and put into a separate library jenesius-vue-modal.
I've been using this Modal module for my Angular projects, however today, when upgrading to Angular 16, it stoped working with this error:
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).
TypeScript Modal related posts
- Vue Modal Router
- Reactplosive Modal
- What is this type of navigation called?
- Top 4 JavaScript Notification Libraries
- Help with Typescript issue (using "nice-modal-react")
- What is best way to create popup modal in react js
- Reddit Like Selector/Picker for sort by
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source Modal projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | SweetAlert | 22,357 |
| 2 | ng-bootstrap | 8,149 |
| 3 | react-native-bottom-sheet | 6,020 |
| 4 | react-native-modal | 5,386 |
| 5 | autocomplete | 4,728 |
| 6 | react-native-modalize | 2,778 |
| 7 | nice-modal-react | 1,894 |
| 8 | Reactjs-popup | 1,769 |
| 9 | react-native-actions-sheet | 1,335 |
| 10 | react-spring-bottom-sheet | 907 |
| 11 | react-overlays | 892 |
| 12 | react-useportal | 885 |
| 13 | react-cool-portal | 741 |
| 14 | react-modal-sheet | 730 |
| 15 | panes | 655 |
| 16 | svelte-headlessui | 494 |
| 17 | vue-modal | 123 |
| 18 | react-native-magic-modal | 118 |
| 19 | toppy | 83 |
| 20 | mui-modal-provider | 75 |
| 21 | react-modal-promise | 61 |
| 22 | vuejs-confirm-dialog | 53 |
| 23 | ngx-simple-modal | 51 |
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