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. Learn more →
Top 23 TypeScript React Projects
-
The open-source codebase and curriculum for freeCodeCamp, offering interactive coding challenges and projects. Explore the repository
-
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.
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
MUI is the OG of UI component libraries. They’ve been at the top back since when Bootstrap was a contender and are still maintaining a top spot in the era of Tailwind and other UI libraries. With more than 95k GitHub stars (and counting), and top companies using it in production, I’d say this is the open-source React component library with the most stars. MUI also has paid components available for enterprise users.
-
Preview site: https://ant.design/
-
storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
In this tutorial, you'll learn how to build a monorepo using Lerna. We’ll be building a Next.js application which will import components from a separate package. We’ll also be using Storybook to showcase those components.
-
shadcn/ui
A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
Project mention: Show HN: Basecoat – shadcn/UI with none of the React | news.ycombinator.com | 2025-05-08In a nutshell: Basecoat is a port of shadcn/ui to HTML and Tailwind CSS. It's a modern, themeable component library; everything from buttons to comboboxes and dialogs.
Why? Well, I got sick of React and moved over to a more "old school" stack (Python, HTMX, Alpine.js and Tailwind).
The one thing I missed was shadcn/ui [1]. Nice defaults, well thought out design system, easy to theme and great to build your own component library with.
I didn't find the alternatives compelling: Flowbite, Preline and the likes encourage you to copy/paste dozens of classes for each element.
That's not how I use Tailwind. I love the utility-first approach, but I don't want walls of classes for each button, form element or tooltip I have in my app.
I had been building my own component library for a project I’m working on (a Vercel for Python apps) and realized it may be worth my time to firm things up.
Why I think it's cool? Well:
- No React. Just Tailwind CSS (with a tiny bit of Alpine.js if you choose to). You can use that with whatever stack you want.
- Jinja and Nunjucks macros. I hope to support more template engines.
- 100% compatible with shadcn/ui themes (you can play with the theme select box on the site).
- Super easy to install and use (there's even a CLI).
- Accessible, with ARIA support.
- Did I mention no React?
Hope some of you find it useful.
[1]: https://ui.shadcn.com/
[2]: https://v4.shadcn.com/ (this is actually the new/upcoming version of shadcn/ui).
-
A ChatGPT website built by NextChat Using Access Code given in challenge description, we can ask the bot for flag. Also we discover that this website has SSRF vulnerability (CVE-2023-49785), so we just have performed an internal http request that asking flag.
-
I think this is more a question of how you want to create and store your content and templates, like whether they exist as a bunch of Markdown files, database entries, a third-party API, etc. They're typically made to work in some sort of toolchain or ecosystem.
For example, if you're working in the React world, Next.js can actually output static HTML pages that work fine without JS... just use the pages router and a static export (https://nextjs.org/docs/pages/guides/static-exports). That still lets you use all the power of JS and expressiveness of React components, minus the interactivity, of course (if you don't want JS). But you could still pass in components and such. It's a bit like writing serverside includes in the PHP or Perl days. The benefit of using Next is its incredible popularity; probably whatever question you have, someone else has already asked and ten people have answered it. The downsides are its complexity and its frequent changes; answers from just a year or two ago are probably irrelevant to the current version, and there is a steep learning curve at first. But in SSG mode with the pages router, it's pretty straightforward, and the filesystem-based routing makes it very clear what the final directory structure would be.
For Markdown there's https://docusaurus.io/
-
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.
-
When Redux feels heavy, modern libraries like Zustand or Jotai offer minimalist APIs with zero boilerplate.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic
-
During my time on the Appwrite discord server, I’ve seen a handful of people ask about how to use Appwrite to create an app using GPS coordinates considering Appwrite doesn’t have geo queries yet. Although I had some ideas for how this could be implemented, I found the opportunity to tackle this problem during the Appwrite Hackathon on Dev with Places. Read on for details on how Places is designed and architected.
-
TanStack Query
🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
For server-state (data fetched from an API), tools like React Query or SWR shine. They handle caching, refetching, and error states without needing to push API responses into Redux.
-
Project mention: Show HN: Hyper – Standards first React alternative | news.ycombinator.com | 2025-05-09
I wish open-source projects checked to see if other projects share the same name.
Especially since there are packages in NPM already about hyper.
https://hyper.is/ has been around for a while and is kind of big
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Project mention: 11 Interview Questions You Should Know as a React Native Developer in 2025 📈🚀 | dev.to | 2025-04-13Using the same CSS-in-JS approach as React, you can use libraries like Styled Components to style your components. This allows you to write CSS directly in your JavaScript files (personally not a fan of using these).
-
-
expo
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
Expo - React Native framework
-
Project mention: Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025 | dev.to | 2025-04-14
Use accessible-first design systems like Material UI or Chakra UI.
-
Project mention: 10 open-source MCPs that make your AI agents smarter than your team lead | dev.to | 2025-05-09
Flowise visual agent flow builder (drag-and-drop style)
-
jsoncrack.com
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
Project mention: JSON Crack – Transform your data into interactive graphs | news.ycombinator.com | 2025-01-30 -
Leverage libraries like tRPC or GraphQL with TypeScript to ensure type safety across the stack:
-
-
appsmith
Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
Project mention: The Backend Shift: Leveraging Open Source Powerhouses for Faster, Leaner Apps | dev.to | 2025-05-10Appsmith (appsmith.com) / ToolJet (tooljet.com):
-
Project mention: The Backend Shift: Leveraging Open Source Powerhouses for Faster, Leaner Apps | dev.to | 2025-05-10
Novu (novu.co):
-
taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
TypeScript React discussion
TypeScript React related posts
-
How To Build End-To-End AI Voice Agentic App Using AI/ML API and OpenAI Realtime API
-
Building a Location-Based App with Appwrite
-
Show HN: Triplex, a visual workspace for React / Three Fiber
-
What I Learned Building My First VSCode Extension
-
Show HN: Reactylon – A new way to build XR with React and Babylon.js
-
Show HN: Aberdeen – An elegant approach to reactive UIs
-
Iconoir: The Ultimate Icon Library for Modern Developers
-
A note from our sponsor - Civic Auth
www.civic.com | 13 May 2025
Index
What are some of the best open-source React projects in TypeScript? This list will help you:
# | Project | Stars |
---|---|---|
1 | freeCodeCamp | 417,857 |
2 | Material UI | 95,550 |
3 | antd | 94,562 |
4 | storybook | 86,563 |
5 | shadcn/ui | 86,519 |
6 | NextChat | 83,269 |
7 | Docusaurus | 59,763 |
8 | zustand | 52,151 |
9 | Ionic Framework | 51,687 |
10 | Appwrite | 48,437 |
11 | TanStack Query | 45,073 |
12 | hyperterm | 43,941 |
13 | styled-components | 40,795 |
14 | tldraw | 40,025 |
15 | expo | 40,001 |
16 | chakra-ui | 39,048 |
17 | Flowise | 38,032 |
18 | jsoncrack.com | 37,603 |
19 | trpc | 37,208 |
20 | ant-design-pro | 37,092 |
21 | appsmith | 36,912 |
22 | novu | 36,889 |
23 | taro | 36,450 |