TypeScript React

Open-source TypeScript projects categorized as React

Top 23 TypeScript React Projects

  • freeCodeCamp

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

    Project mention: Codepen, React and Front End Development Libraries Projects | /r/FreeCodeCamp | 2023-11-14

    there are issues making codepen work with React, more so with the newest version, they even refer on the FFC to https://github.com/freeCodeCamp/freeCodeCamp/issues/45922

  • material-ui

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

    Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13

    GitHub stars: 89.3k GitHub link: https://github.com/mui/material-ui Documentation: https://mui.com/material-ui/getting-started/

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • antd

    An enterprise-class UI design language and React UI library

    Project mention: Top React Component UI Libraries to Enhance Your Web Development Projects | dev.to | 2023-11-30

    Ant Design is a fantastic toolkit for React developers. It's like having a box of building blocks that are not only stylish but also super functional. With Ant Design, you get a collection of pre-made React components that you can easily put together to create a sleek and modern look for your web projects. Whether you're a beginner or a seasoned developer, Ant Design simplifies the process of making your web applications both visually appealing and user-friendly. It's a go-to choice for those who want a seamless blend of design and functionality in their React applications.

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    Project mention: Storybook 7.6 is out! | /r/reactjs | 2023-12-01

    [Storybook 7.6](https://github.com/storybookjs/storybook/releases) is here with increased performance and much more! 🔥 Improved SWC support 🧪 New test utilities and fast build mode 🔼 NextJS SWC + avif support & fixes 🤡 SvelteKit page and navigation mocking ⚛️ React-docgen upgrade 🎨 Controls a11y, background theming, and viewports 🩺 CLI: The doctor is in! 🚫 Addons: Remove React as a peer dependency 🪦 Storyshots and Vue2 deprecated

  • superset

    Apache Superset is a Data Visualization and Data Exploration Platform

    Project mention: FLaNK Stack Weekly for 20 Nov 2023 | dev.to | 2023-11-20
  • 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: What to choose for native mobile app? | /r/vuejs | 2023-10-24
  • Docusaurus

    Easy to maintain open source documentation websites.

    Project mention: Ask HN: What are some unpopular technologies you wish people knew more about? | news.ycombinator.com | 2023-12-02

    How about docusaurus and tinasaurus? The latter is based on TinaCMS.

    [1] Docusaurus:


    [2] Tinasaurus:


  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  • hyperterm

    A terminal built on web technologies

    Project mention: Application-Specific Terminals | news.ycombinator.com | 2023-09-20

    I think that’s more or less what this project is working towards:


  • styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

    Project mention: Iniciando um backoffice rapidamente com AdminJS | dev.to | 2023-11-16
  • 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: SQLSync – Stop Building Databases | news.ycombinator.com | 2023-12-01

    "I’m building SQLSync because I want to make client-side applications easier to build without us having to reinvent the wheel each time."

    Kinda ironic no?

    Anyway, since the article is also about React, I can't recommend enough React Query [1] if you don't want to worry about caching data to reduce calls to the database and managing/refreshing stale data. It simplified so much my job.

    [1] https://tanstack.com/query

  • shadcn/ui

    Beautifully designed components built with Radix UI and Tailwind CSS.

    Project mention: Building Your Notion Replica: A Quick Guide (using Next.js, Appwrite, and Shadcn-ui) | dev.to | 2023-12-05

    Shadcn-ui: site | docs

  • ant-design-pro

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

    Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28

    As per refine.dev blog, these are some alternatives to Tremor:

    * Ant design pro (https://github.com/ant-design/ant-design-pro/)

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    Project mention: Top React Component UI Libraries to Enhance Your Web Development Projects | dev.to | 2023-11-30

    Chakra UI is a user-friendly React component library that simplifies the creation of aesthetically pleasing and responsive user interfaces. With Chakra UI, developers get a set of pre-designed components that can be easily customized to match the desired look and feel of their applications. Known for its simplicity and accessibility features, Chakra UI is an excellent choice for both beginners and experienced developers looking to streamline the development process. Whether you're aiming for a sleek design or enhanced accessibility, Chakra UI provides a delightful and efficient way to build visually appealing React applications.

  • taro

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

  • novu

    🔥 The open-source notification infrastructure with fully functional embedded notification center 🚀🚀🚀

    Project mention: How can I send emails using nest JS? | /r/Nestjs_framework | 2023-11-11

    I don't think anyone here has recommended novu, and I quite frankly think it's brilliant. It might be worth having a look.

  • trpc

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

    Project mention: Key differences between GraphQL and RESTful API | dev.to | 2023-11-09

    RESTful API: RESTful API does not have machine-readable metadata cacheable, and query validation is not available.(There are some libraraies tried to solve this issue like TRPC)

  • appsmith

    Platform to build admin panels, internal tools, and dashboards. Integrates with 15+ databases and any API.

    Project mention: Git in Appsmith: Every Developer Has Been Saved by Git — So, Why Isn’t it a Feature of App Platforms? | dev.to | 2023-11-13

    This wasn't an easy journey. While this functionality was in high demand, early versions were frustrating to use. In our earliest implementations, it wasn't even possible to pinpoint where the conflicts were in a file. Even members of the Appsmith development team would avoid using our early Git implementations. We even had a rule for our internal “Hackathons” that using the Git feature was banned because it kept breaking! So we know why other app platforms had avoided fully implementing Git: it really was a challenge to get it working right.

  • SWR

    React Hooks for Data Fetching

    Project mention: 45 NPM Packages to Solve 16 React Problems | dev.to | 2023-11-14


  • slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

    Project mention: 5 Not-So-Typical React Libraries for an Outstanding Project | dev.to | 2023-08-03
  • MobX

    Simple, scalable state management.

    Project mention: Show HN: Cami.js – A No Build, Web Component Based Reactive Framework | news.ycombinator.com | 2023-11-04

    Looks good! FWIW I always felt the observable pattern much more intuitive than the redux/reducer style. Something like https://mobx.js.org/

    Things get hairy in both, but redux pattern feels so ridiculously ceremonially to effectively manage a huge global state object with a false sense of "purity".

    Observables otoh say "fuck it, I'm mutating everything, do what you want with it".

  • react-spring

    ✌️ A spring physics based React animation library

    Project mention: React Ecosystem in 2024 | dev.to | 2023-10-16

    React Spring - You can find more information and documentation for React Spring on their official website at react-spring.dev. React Spring is a feature-rich animation library that leverages physics-based animations to create smooth and interactive animations in React.

  • 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: FLaNK Stack Weekly for 20 June 2023 | dev.to | 2023-06-20
  • Ink

    🌈 React for interactive command-line apps

    Project mention: Building Reactive CLIs with Ink - React CLI library | dev.to | 2023-11-03

    Looks cool, right? Building a similar UI in the terminal without any library would be quite hard, though, thanks to Ink it's almost as easy as building any frontend UI with React.

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

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). The latest post mention was on 2023-12-05.

TypeScript React related posts


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

Project Stars
1 freeCodeCamp 378,772
2 material-ui 89,781
3 antd 88,512
4 storybook 81,089
5 superset 55,443
6 Ionic Framework 49,836
7 Docusaurus 49,713
8 hyperterm 41,779
9 styled-components 39,728
10 TanStack Query 37,296
11 shadcn/ui 35,966
12 ant-design-pro 35,161
13 chakra-ui 35,033
14 taro 33,921
15 novu 31,131
16 trpc 30,123
17 appsmith 29,890
18 SWR 28,462
19 slate 28,235
20 MobX 26,871
21 react-spring 26,698
22 jsoncrack.com 26,645
23 Ink 24,964
Learn any GitHub repo in 59 seconds
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.