SaaSHub helps you find the best software and product alternatives 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.
-
react-native-bottom-sheet
A performant interactive bottom sheet with fully configurable options ๐
-
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.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Sunday morning programming fun. Created a little game to compare items from a list head-to-head and pick a winner. Inspired from social media short videos where people choose their favourite food, song, holiday destination etc. There are some example lists of cities, movies, actors, fragrances etc to play with and you can create your own list of items and play.
Check it out - https://yash.info/head-to-head.html
I created it mainly to pick a favourite fragrance from my collection of 50+. Not only is a fun project to build but it also allows me to use some of the interesting libraries and code snippets I find.
Programming logic wise thereโs nothing fancy happening here, just picking a random element from an array and doing some JS and CSS around that.
New thing that I got to learn was generating a random color of a specific type (pastel, fluorescent, light) by playing with HSL values in a specific range instead of the RGB.
Discovered https://arraythis.com to convert a list to a JS array.
Used SweetAlert https://sweetalert.js.org for alert messages.
Been coding for 20+ years and such little projects still give me the joy of creation plus you always learn/find something that you did not know yesterday.
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.
TypeScript Modal related posts
-
Show HN: A game to pick a favorite from a list
-
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
-
A note from our sponsor - SaaSHub
www.saashub.com | 16 May 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,156 |
3 | react-native-bottom-sheet | 6,124 |
4 | react-native-modal | 5,397 |
5 | autocomplete | 4,744 |
6 | react-native-modalize | 2,780 |
7 | nice-modal-react | 1,910 |
8 | Reactjs-popup | 1,775 |
9 | react-native-actions-sheet | 1,360 |
10 | react-spring-bottom-sheet | 910 |
11 | react-overlays | 892 |
12 | react-useportal | 888 |
13 | react-cool-portal | 741 |
14 | react-modal-sheet | 736 |
15 | panes | 660 |
16 | svelte-headlessui | 503 |
17 | vue-modal | 126 |
18 | react-native-magic-modal | 123 |
19 | toppy | 83 |
20 | mui-modal-provider | 76 |
21 | react-modal-promise | 61 |
22 | vuejs-confirm-dialog | 53 |
23 | ngx-simple-modal | 51 |
Sponsored