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 →
Top 13 TypeScript Widget Projects
-
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.
-
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.
-
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.
-
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
-
chaskiq
A full featured Live Chat, Support & Marketing platform, alternative to Intercom, Drift, Crisp, etc from cience.com
-
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.
-
ka-table
Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more
-
nanopop
🍦 Minimalistic, small, positioning engine. Build for high-performance, minimal footprint and maximum control over positioning behavior.
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.
-
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.
-
ngresizable
Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular (2 and beyond).
-
gantt
Svelte Gantt chart component – lightweight, customizable, interactive, and fast. (by svar-widgets)
-
vscode-marquee
💡 The missing VS Code homescreen that helps you to stay organized with minimal context switches
-
-
View on GitHub
-
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
TypeScript Widget related posts
-
INTEGRATION OF DAPPS WITH MODE: WALLET AND SMART CONTRACTS | PART 1: CONNECTING THE WALLET
-
Leaving Substack
-
How exactly do I self-host Giscus?
-
To use Disqus or Giscus (Github Discussions) for comments is the conundrum
-
Possible to request connection to a specific wallet? A web3 question
-
The Popular VS Code Homescreen is Now Open Source
-
Propose only MetaMask to connect on my Dapp
-
A note from our sponsor - SurveyJS
surveyjs.io | 14 May 2025
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