TypeScript Widget

Open-source TypeScript projects categorized as Widget

Top 13 TypeScript Widget Projects

  1. giscus

    A comment system powered by GitHub Discussions. :octocat: :speech_balloon: :gem:

    Project mention: How I Built My Personal Website for Free with Hugo | dev.to | 2024-08-15

    Since our site is a static site, we need to rely on external services to provide a comment system. The most famous one is Disqus. However, its free plan forces use to show a lot of ADs to the users, which I dont like. So I chose giscus, which uses GitHub Discussions as the storage place for comments. The only downside is that it doesnt allow users to log in and comment with Google or social media accounts like Disqus does, but since my articles are mostly technical, people reading them are likely to have a GitHub account, so its not a big issue.

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. gridstack.js

    Build interactive dashboards in minutes.

    Project mention: Top 5 Drag-and-Drop Libraries for React | dev.to | 2025-02-20

    Gridstack.js is a drag-and-drop library built specifically for grid-based layouts. If you're building interactive dashboards or anything that requires draggable and resizable grid items, this library takes care of most of the heavy lifting right out of the box.

  4. appkit

    The full stack toolkit to build onchain app UX

    Project mention: INTEGRATION OF DAPPS WITH MODE: WALLET AND SMART CONTRACTS | PART 1: CONNECTING THE WALLET | dev.to | 2024-12-10

    // context/index.tsx 'use client' import { wagmiAdapter, projectId } from '../config' import { QueryClient, QueryClientProvider } from '@tanstack/react-query' import { createAppKit } from '@reown/appkit/react' import { mainnet, sepolia, mode, modeTestnet } from '@reown/appkit/networks' import React, { type ReactNode } from 'react' import { cookieToInitialState, WagmiProvider, type Config } from 'wagmi' // Set up queryClient const queryClient = new QueryClient() if (!projectId) { throw new Error('Project ID is not defined') } // Set up metadata const metadata = { name: 'mode-chain', description: 'AppKit Example', url: 'https://reown.com/appkit', // origin must match your domain & subdomain icons: ['https://assets.reown.com/reown-profile-pic.png'] } // Create the modal const modal = createAppKit({ adapters: [wagmiAdapter], projectId, networks: [mainnet, sepolia, mode, modeTestnet], defaultNetwork: mainnet, metadata: metadata, features: { analytics: true, // Optional - defaults to your Cloud configuration } }) function ContextProvider({ children, cookies }: { children: ReactNode; cookies: string | null }) { const initialState = cookieToInitialState(wagmiAdapter.wagmiConfig as Config, cookies) return ( {children}QueryClientProvider> WagmiProvider> ) } export default ContextProvider

  5. chaskiq

    A full featured Live Chat, Support & Marketing platform, alternative to Intercom, Drift, Crisp, etc from cience.com

  6. responsible-ai-toolbox

    Responsible AI Toolbox is a suite of tools providing model and data exploration and assessment user interfaces and libraries that enable a better understanding of AI systems. These interfaces and libraries empower developers and stakeholders of AI systems to develop and monitor AI more responsibly, and take better data-driven actions.

  7. ka-table

    Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more

  8. nanopop

    🍦 Minimalistic, small, positioning engine. Build for high-performance, minimal footprint and maximum control over positioning behavior.

    Project mention: Top 9 CSS and JavaScript Tooltip Libraries | dev.to | 2024-05-14

    NanoPop (640 ⭐) — A minimalistic, small, positioning engine for JavaScript. It is built for high-performance, minimal footprint and maximum control over positioning behavior. Nanopop can be used to position tooltips, popovers, dropdowns and other floating elements near a reference element.

  9. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  10. ngresizable

    Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular (2 and beyond).

  11. gantt

    Svelte Gantt chart component – lightweight, customizable, interactive, and fast. (by svar-widgets)

  12. vscode-marquee

    💡 The missing VS Code homescreen that helps you to stay organized with minimal context switches

  13. vercel-toast

    💬 Framework-agnostic vercel design's toast component (≈1KB Gzipped)

  14. bsky-widget

    Unofficial Bluesky widget to render cute profile cards in your websites ^_^

    Project mention: I made a Profile Card Widget for Bluesky 🦋 | dev.to | 2024-11-24

    View on GitHub

  15. agent-embed

    OpenAI Assistants embed for the web with https://predictabledialogs.com

    Project mention: Show HN: OpenAI Assistant Chatbot for Website and WhatsApp | news.ycombinator.com | 2025-03-28
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 Widget discussion

Log in or Post with

TypeScript Widget related posts

  • INTEGRATION OF DAPPS WITH MODE: WALLET AND SMART CONTRACTS | PART 1: CONNECTING THE WALLET

    1 project | dev.to | 10 Dec 2024
  • Leaving Substack

    3 projects | news.ycombinator.com | 25 Apr 2024
  • How exactly do I self-host Giscus?

    2 projects | /r/selfhosted | 3 Jul 2023
  • To use Disqus or Giscus (Github Discussions) for comments is the conundrum

    1 project | /r/Blogging | 14 Jan 2023
  • Possible to request connection to a specific wallet? A web3 question

    2 projects | /r/learnprogramming | 1 Jun 2022
  • The Popular VS Code Homescreen is Now Open Source

    1 project | dev.to | 1 Mar 2022
  • Propose only MetaMask to connect on my Dapp

    1 project | /r/ethdev | 16 Feb 2022
  • A note from our sponsor - SurveyJS
    surveyjs.io | 14 May 2025
    Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more →

Index

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

# Project Stars
1 giscus 9,681
2 gridstack.js 7,942
3 appkit 5,133
4 chaskiq 3,319
5 responsible-ai-toolbox 1,529
6 ka-table 831
7 nanopop 718
8 ngresizable 116
9 gantt 116
10 vscode-marquee 102
11 vercel-toast 90
12 bsky-widget 69
13 agent-embed 18

Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com

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