Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools. Learn more →
Top 23 TypeScript React Projects
-
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-13GitHub 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.
-
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.
[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
-
-
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: 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.
-
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 💅
-
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.
"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.
-
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
-
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/)
-
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 🚀🚀🚀
I don't think anyone here has recommended novu, and I quite frankly think it's brilliant. It might be worth having a look.
-
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-13This 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
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
-
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 - 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.
-
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
- Building Your Notion Replica: A Quick Guide (using Next.js, Appwrite, and Shadcn-ui)
- wordpress or blogger for an art blog/page?
- Onde criar um CV online?
- Jel ovo nesto kao GWT sto je bio?
- Svelte 5 Runes vs Vue Composition API vs React
- Give feedback to my portfolio
- 👀👀👀 feeling a little extra lucky lately.
-
A note from our sponsor - Appwrite
appwrite.io | 5 Dec 2023
Index
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.
getonboard.dev