TypeScript Modal

Open-source TypeScript projects categorized as Modal

Top 23 TypeScript Modal Projects

  • SweetAlert

    A beautiful replacement for JavaScript's "alert"

    Project mention: Show HN: A game to pick a favorite from a list | news.ycombinator.com | 2024-05-05

    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.

  • CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  • ng-bootstrap

    Angular powered Bootstrap

  • react-native-bottom-sheet

    A performant interactive bottom sheet with fully configurable options 🚀

  • react-native-modal

    An enhanced, animated, customizable Modal for React Native.

  • autocomplete

    🔮 Fast and full-featured autocomplete library (by algolia)

    Project mention: The top tools for implementing ecommerce search in React | dev.to | 2024-06-20

    Auto-complete: Algolia provides an open source JavaScript library for building auto-complete search components. It also provides a recommendation library that works with its API client

  • react-native-modalize

    A highly customizable modal/bottom sheet that loves scrolling content.

  • a11y-dialog

    A very lightweight and flexible accessible modal dialog script.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • nice-modal-react

    A modal state manager for React.

  • Reactjs-popup

    React Popup Component - Modals,Tooltips and Menus —  All in one

  • 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-spring-bottom-sheet

    Accessible ♿️, Delightful ✨, & Fast 🚀

    Project mention: Introducing the Enhanced @nipe-solutions/react-spring-bottom-sheet: Now Supporting React 18 and XState v5 | dev.to | 2024-04-22

    Original Author's Repository: Cody Olsen's GitHub

  • react-overlays

    Utilities for creating robust overlay components

  • react-useportal

    🌀 React hook for Portals

  • react-modal-sheet

    Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐

  • react-cool-portal

    😎 🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to <body> or else.

  • angular-app

    Angular 18 Fullstack Application: SSR, PWA, SEO, and Scalable Node.js Typescript & Javascript Backend with MySQL, PostgreSQL, MongoDB

  • panes

    🎉📱 Create dynamic modals, cards, panes for your applications in few steps. One instance – Thousands solutions. Any framework and free.

  • credenza

    Ready-made responsive modal component for shadcn/ui.

    Project mention: Shadcn UI: Must-Have Tools & Resources | dev.to | 2024-06-14

    credenza - Ready-made responsive modal component for shadcn/ui.

  • svelte-headlessui

    HeadlessUI components for Svelte (by CaptainCodeman)

  • uilayout

    🔥50+ Free beautifull interactive react/nextjs component based on tailwindcss, framer-motion, gsap etc

    Project mention: Perplexity分析股票 - FAV0周刊#018 | dev.to | 2024-10-20
  • react-native-magic-modal

    🦄 A modal library that can be called imperatively from anywhere!

  • vue-modal

    🖖The progressive and simple modal system for Vue.js v3

    Project mention: Vue Modal Router | dev.to | 2023-11-24

    Everything I wrote was programmed and put into a separate library jenesius-vue-modal.

  • toppy

    Overlay library for Angular 7+

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 discussion

Log in or Post with

TypeScript Modal related posts

  • Show HN: A game to pick a favorite from a list

    1 project | news.ycombinator.com | 5 May 2024
  • Vue Modal Router

    1 project | dev.to | 24 Nov 2023
  • Reactplosive Modal

    1 project | /r/reactjs | 31 Aug 2023
  • What is this type of navigation called?

    3 projects | /r/reactnative | 12 Jun 2023
  • Top 4 JavaScript Notification Libraries

    2 projects | dev.to | 11 Apr 2023
  • Help with Typescript issue (using "nice-modal-react")

    2 projects | /r/reactjs | 21 Mar 2023
  • What is best way to create popup modal in react js

    2 projects | /r/reactjs | 11 Mar 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 9 Nov 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 SweetAlert 22,400
2 ng-bootstrap 8,219
3 react-native-bottom-sheet 6,982
4 react-native-modal 5,483
5 autocomplete 5,053
6 react-native-modalize 2,831
7 a11y-dialog 2,418
8 nice-modal-react 2,080
9 Reactjs-popup 1,795
10 react-native-actions-sheet 1,530
11 react-spring-bottom-sheet 959
12 react-overlays 898
13 react-useportal 891
14 react-modal-sheet 850
15 react-cool-portal 737
16 angular-app 697
17 panes 687
18 credenza 583
19 svelte-headlessui 561
20 uilayout 547
21 react-native-magic-modal 217
22 vue-modal 148
23 toppy 82

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you konow that TypeScript is
the 2nd most popular programming language
based on number of metions?