Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise. Learn more →
Top 23 TypeScript Design Projects
-
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
Project mention: quickdraw VS tldraw - a user suggested alternative | libhunt.com/r/nmndwivedi/quickdraw | 2026-07-31tldraw ships under a custom license with a paid business tier (and a watermark you pay to remove). Quickdraw is MIT - free commercially forever, watermark off with watermark: false - with zero runtime deps, a ~46 kB core, and React / React Native / plain-JS packages in one project. Pick Quickdraw if you want a complete-but-lean free whiteboard you can embed and fork without legal friction.
-
Puter.js
Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
-
onlook
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
Project mention: Loupe VS onlook - a user suggested alternative | libhunt.com/r/winchxyz/loupe | 2026-07-22Onlook is a visual editor for existing React/Tailwind codebases; Loupe builds the site from a prompt and verifies every AI edit against the real render, with hand editing on the live page.
-
Project mention: Palantir's secret weapon isn't AI – it's Ontology. An open-source deep dive | news.ycombinator.com | 2026-02-21
I think their secret weapon is their opensource UI library.
https://blueprintjs.com/
I've been tracking this project since 2018. It hasn't changed drastically since then, but man it was polished and robust library.
-
webstudio
Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
-
-
-
Skeleton Documentation
-
AppSignal
AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
-
Bangumi
:electron: An unofficial https://bgm.tv ui first app client for Android and iOS, built with React Native. 一个无广告、以爱好为驱动、不以盈利为目的、专门做 ACG 的类似豆瓣的追番记录，bgm.tv 第三方客户端。为移动端重新设计，内置大量加强的网页端难以实现的功能，且提供了相当的自定义选项。 目前已适配 iOS / Android。
-
-
-
-
Project mention: Agentation: Structured UI feedback for coding agents | news.ycombinator.com | 2026-02-28
-
tailwindcss-motion
tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax.
-
-
Silex
Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together. (by silexlabs)
-
-
dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
On the tools front: ExposedByDefault reveals everything your browser hands out automatically (eye-opening privacy check!), Remend auto-closes broken markdown mid-stream (essential for AI content generation), Walrus delivers 1.2M writes/sec on consumer hardware as the Rust-powered Kafka alternative, and Dembrandt extracts any site's design tokens with one npx command—logo, colors, typography, the works!
-
lobe-icons
🥨 Lobe Icons - Brings AI/LLM brand logos to your React & React Native apps — static SVG/PNG/WebP, no dependencies.
-
-
-
catalog
The Magic Patterns Catalog is an open-source website that lists the most popular React component libraries, helping you find the perfect component. (by magicpatterns)
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 Design discussion
TypeScript Design related posts
-
Cate v1.0 is out: The Infinite canvas workspace for developers
-
Agentation: Structured UI feedback for coding agents
-
New Storybook Addon: Range Controls – stress-test your UI with sliders
-
Show HN: Mizu.js – Bringing back simplicity in web apps creation
-
Cofounder
-
Tutorial: Frontend AI copilot
-
What is a React plugin?
-
A note from our sponsor - AppSignal
www.appsignal.com | 9 Aug 2026
Index
What are some of the best open-source Design projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | tldraw | 49,679 |
| 2 | onlook | 26,430 |
| 3 | @blueprintjs/core | 21,980 |
| 4 | webstudio | 8,811 |
| 5 | plasmic | 6,946 |
| 6 | cofounder | 6,659 |
| 7 | skeleton | 6,036 |
| 8 | Bangumi | 5,801 |
| 9 | theme-ui | 5,406 |
| 10 | pts | 5,327 |
| 11 | playroom | 4,583 |
| 12 | agentation | 4,331 |
| 13 | tailwindcss-motion | 3,321 |
| 14 | react-kawaii | 2,953 |
| 15 | Silex | 2,919 |
| 16 | icons | 2,657 |
| 17 | dembrandt | 2,327 |
| 18 | lobe-icons | 2,351 |
| 19 | colors | 1,645 |
| 20 | stylebot | 1,620 |
| 21 | catalog | 1,494 |
| 22 | mdbootstrap | 1,417 |
| 23 | dev-resources | 1,325 |
Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com