TypeScript Dialog

Open-source TypeScript projects categorized as Dialog
Edit details
Modal React Popup JavaScript TypeScript
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 19 TypeScript Dialog Projects

Dialog

  1. 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.

  2. SaaSHub

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

    SaaSHub logo

  3. vaul

    A drawer component for React.

    Project mention: 10 Component Libraries You Must Know To Use Shadcn UI! | dev.to | 2024-10-24

    3. Vaul

  4. ark

    Build your design system with React, Svelte, Vue, and Solid. Powered by State Machines (by chakra-ui)

    Project mention: Headless UI alternatives: Radix Primitives, React Aria, Ark UI | dev.to | 2024-07-09

    Ark UI is a library of unstyled components that work in React, Vue, and Solid. Chakra Systems — the team behind Chakra UI — is also the team behind Ark UI. At the time of this writing, Ark UI has 3.3K stars on GitHub and gets 38K weekly downloads on npm.

  5. a11y-dialog

    A very lightweight and flexible accessible modal dialog script.

  6. 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.

  7. 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

  8. react-useportal

    🌀 React hook for Portals

  9. react-cool-portal

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

  10. ngx-ui

    🚀 Style and Component Library for Angular

  11. react-call

    ⚛️ 📡 Call your React components

    Project mention: Show HN: React-call] Call your React components | news.ycombinator.com | 2024-08-13

  12. svelte-headlessui

    HeadlessUI components for Svelte (by CaptainCodeman)

  13. vue-modal

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

  14. ngx-awesome-popup

    🚀 Open-source - The world's easiest, most powerful Angular dialog modal framework. Confirmation box, Alert box, Toast notification, Cookie banner, Any dynamic dialog content.

  15. vuejs-confirm-dialog

    Makes simple to create, reuse, promisify and build chains of modal dialogs in Vue.js

  16. web-dialog

    A highly accessible, customizable and lightweight dialog

  17. ngx-simple-modal

    A simple unopinionated framework to implement simple modal based behaviour in angular (v2+) projects.

  18. react-hook-dialog

    💬 React hooks for master your dialog(modal) component

  19. elements-x

    Collection of Customizable Custom Elements

  20. keukenhof

    Lightweight and easy to use the library for modals

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 Dialog discussion

Log in or Post with

TypeScript Dialog related posts

  • Vue Modal Router

    1 project | dev.to | 24 Nov 2023

  • React Hook Dialog: a lib for master your react dialog(modal) component

    1 project | news.ycombinator.com | 17 Feb 2023

  • SweetAlert2 manual confirm button text while echo'ing JS

    2 projects | /r/programminghelp | 27 Sep 2022

  • Is Sweet Alert Outdated?

    3 projects | /r/webdev | 29 Jun 2021

  • Replacing paper-dialog with web-dialog

    2 projects | dev.to | 11 Nov 2020
  • A note from our sponsor - SaaSHub
    www.saashub.com | 23 Jan 2025
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

# Project Stars
1 SweetAlert 22,393
2 vaul 6,779
3 ark 3,996
4 a11y-dialog 2,428
5 react-native-actions-sheet 1,618
6 react-spring-bottom-sheet 983
7 react-useportal 891
8 react-cool-portal 737
9 ngx-ui 711
10 react-call 621
11 svelte-headlessui 570
12 vue-modal 154
13 ngx-awesome-popup 73
14 vuejs-confirm-dialog 59
15 web-dialog 54
16 ngx-simple-modal 52
17 react-hook-dialog 49
18 elements-x 24
19 keukenhof 19

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?

Loading...