TypeScript React

Open-source TypeScript projects categorized as React

Top 23 TypeScript React Projects

  1. freeCodeCamp

    freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.

    Project mention: Best GitHub Repositories for Programmers | dev.to | 2025-05-11

    The open-source codebase and curriculum for freeCodeCamp, offering interactive coding challenges and projects. Explore the repository

  2. 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
  3. Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    Project mention: Top 5 Free React UI Libraries to Use in 2025 | dev.to | 2025-05-01

    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.

  4. antd

    An enterprise-class UI design language and React UI library

    Project mention: 10 Best React Icon Libraries (2025 Edition) | dev.to | 2025-03-17

    Preview site: https://ant.design/

  5. storybook

    Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

    Project mention: Monorepo Tutorial With Lerna, Storybook & Next.js | dev.to | 2025-04-03

    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.

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

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

  7. NextChat

    ✨ Light and Fast AI Assistant. Support: Web | iOS | MacOS | Android | Linux | Windows

    Project mention: GEEKCTF 2024 brief writeup | dev.to | 2024-12-20

    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.

  8. Docusaurus

    Easy to maintain open source documentation websites.

    Project mention: Ask HN: Static Site (not blog) Generator? | news.ycombinator.com | 2025-05-06

    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/

  9. 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
  10. zustand

    🐻 Bear necessities for state management in React

    Project mention: Effective Patterns for Shared State Management in React | dev.to | 2025-05-08

    When Redux feels heavy, modern libraries like Zustand or Jotai offer minimalist APIs with zero boilerplate.

  11. Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    Project mention: You need to know React Expo to build Mobile Apps | dev.to | 2025-05-07

    Ionic

  12. Appwrite

    Build like a team of hundreds_

    Project mention: Building a Location-Based App with Appwrite | dev.to | 2025-05-12

    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.

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

    Project mention: Effective Patterns for Shared State Management in React | dev.to | 2025-05-08

    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.

  14. hyperterm

    A terminal built on web technologies

    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

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

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

  16. tldraw

    very good whiteboard SDK / infinite canvas SDK

    Project mention: Tldraw Computer | news.ycombinator.com | 2024-12-20
  17. expo

    An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.

    Project mention: An Android Developer's Guide to React Native | dev.to | 2025-03-12

    Expo - React Native framework

  18. chakra-ui

    Chakra UI is a component system for building products with speed ⚡️

    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.

  19. Flowise

    Drag & drop UI to build your customized LLM flow

    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)

  20. 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
  21. trpc

    🧙‍♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

    Project mention: How to Secure TypeScript Applications...?? | dev.to | 2025-01-01

    Leverage libraries like tRPC or GraphQL with TypeScript to ensure type safety across the stack:

  22. ant-design-pro

    👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!

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

    Appsmith (appsmith.com) / ToolJet (tooljet.com):

  24. novu

    The open-source notification Inbox infrastructure. E-mail, SMS, Push and Slack Integrations.

    Project mention: The Backend Shift: Leveraging Open Source Powerhouses for Faster, Leaner Apps | dev.to | 2025-05-10

    Novu (novu.co):

  25. taro

    开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/

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

    InfluxDB logo
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 React discussion

Log in or Post with

TypeScript React related posts

  • How To Build End-To-End AI Voice Agentic App Using AI/ML API and OpenAI Realtime API

    4 projects | dev.to | 13 May 2025
  • Building a Location-Based App with Appwrite

    6 projects | dev.to | 12 May 2025
  • Show HN: Triplex, a visual workspace for React / Three Fiber

    1 project | news.ycombinator.com | 12 May 2025
  • What I Learned Building My First VSCode Extension

    4 projects | dev.to | 12 May 2025
  • Show HN: Reactylon – A new way to build XR with React and Babylon.js

    1 project | news.ycombinator.com | 11 May 2025
  • Show HN: Aberdeen – An elegant approach to reactive UIs

    10 projects | news.ycombinator.com | 9 May 2025
  • Iconoir: The Ultimate Icon Library for Modern Developers

    1 project | dev.to | 10 May 2025
  • A note from our sponsor - Civic Auth
    www.civic.com | 13 May 2025
    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 →

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

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

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