TypeScript ReactJS

Open-source TypeScript projects categorized as ReactJS

Top 23 TypeScript ReactJS Projects

  • GitHub repo chakra-ui

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

    Project mention: Tailwind JSX and class composition | dev.to | 2021-03-03

    Chakra UI

  • GitHub repo redoc

    📘 OpenAPI/Swagger-generated API Reference Documentation

    Project mention: Python FastAPI, como Django pero más rápido: Tutorial | dev.to | 2021-01-19

    Sí, como seguramente ya sabías, FastAPI cuenta con documentación automática usando swagger y redoc, no tienes que agregar código, ni establecer una variable para esto, sencillamente abre tu navegador y dirígete a tu localhost:8000/docs/ y localhost:8000/redoc/, respectivamente, y verás la documentación interactiva generada automáticamente.

  • GitHub repo Bit

    Develop modular web applications with components - fast, together, and at scale.

    Project mention: New major release of bit – a modern git CLI (1.0.1) with automatic pulls, branches sorted by most recent, Google-like autocomplete & much more | reddit.com/r/webdev | 2021-02-19

    The command conflicts with collaboration tool bit.dev (13k stars on Github)

  • GitHub repo gdbgui

    Browser-based frontend to gdb (gnu debugger). Add breakpoints, view the stack, visualize data structures, and more in C, C++, Go, Rust, and Fortran. Run gdbgui from the terminal and a new tab will open in your browser.

  • GitHub repo Blitz

    ⚡️The Fullstack React Framework — built on Next.js

    Project mention: My Ruby on Rails stack for side projects in 2021 | dev.to | 2021-03-01

    Why would you start a new side project in Ruby on Rails in 2021? Shouldn't you use something like Next.js or even Blitz? Well, I find that Ruby on Rails is still one of the most productive ways to create an application. It is safe and boring and it gets the job done.

  • GitHub repo react-toastify

    React notification made easy 🚀 !

    Project mention: React-toastify v7 is live | dev.to | 2021-02-09

    Repository: https://github.com/fkhadra/react-toastify Documentation: https://fkhadra.github.io/react-toastify/introduction/

  • GitHub repo rsuite

    🧱 A suite of React components .

  • GitHub repo reakit

    Toolkit for building accessible rich web apps with React

  • GitHub repo CSS Layout

    A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing!

  • GitHub repo constate

    React Context + State

    Project mention: Best practice for handling parent state of unknown amount of similar child components | reddit.com/r/reactjs | 2021-02-24

    However if you don't care for testing (which you should) or Storybook, then you might find something like Jotai (Recoil alternative) to help you, where you'd have an atom for the ingredient list and then derived atoms for each ingredient, but I'll be honest and say I don't have much experience with the library. I just think something like Redux would way overcomplicate it compared to sticking with React's state model. I'd rather use something like Constate then that's a small helper to make contexts with hooks.

  • GitHub repo react-flip-toolkit

    A lightweight magic-move library for configurable layout transitions

    Project mention: how to do the stripe site dropdown? | reddit.com/r/web_design | 2020-12-24

    react-flip-toolkit will help you achieve this. They specifically have a demo for this too.

  • GitHub repo surveyjs

    JavaScript Survey and Form Library

  • GitHub repo notistack

    Highly customizable notification snackbars (toasts) that can be stacked on top of each other

  • GitHub repo Erxes

    Free and open fair-code licensed all-in-one growth marketing & management software

  • GitHub repo tsParticles

    tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.

    Project mention: Web Effect | dev.to | 2021-03-01

    tsParticles - tsParticles is a lightweight typescript/javascript library for creating easily particles animations.

  • GitHub repo universal-router

    A simple middleware-style router for isomorphic JavaScript web apps

  • GitHub repo use-query-params

    React Hook for managing state in URL query parameters with easy serialization.

    Project mention: Whatever happened to old fashioned URL query parameters? (Not a rant) | reddit.com/r/reactjs | 2021-02-26

    Nothing is stopping you from storing state in the URL query string params. I do so frequently for pages containing tables where it's important to keep filtering and pagination state in sync with the URL, for example. Use this library https://github.com/pbeshai/use-query-params

  • GitHub repo compiled

    Build time atomic CSS-in-JS. Baked and ready to serve.

    Project mention: How to Build A React TS Tailwind Design System | dev.to | 2021-02-16

    I've already mentioned twin.macro, and just recently learned about Compiled CSS in JS, which apparently should work with it as well.

  • GitHub repo Talkyard

    A community discussion platform: Brings together the main features from StackOverflow, Slack, Discourse, Reddit, and Disqus blog comments.

  • GitHub repo Reactime 6.0: State Debugger for React

    Chrome extension for improving and optimizing performance in React applications (Gatsby and Next.js compatible).

  • GitHub repo use-cannon

    👋💣 physics based hooks for react-three-fiber

    Project mention: I finally finished my 3D portfolio, I would like some feedback! | reddit.com/r/reactjs | 2021-01-29

    it's using https://github.com/pmndrs/react-three-fiber and most likely in combination with https://github.com/pmndrs/use-cannon although the latter i'm not sure but it would certainly be quite easy with it.

  • GitHub repo react-spaces

    React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.

  • GitHub repo image-zoom

    🔎 Medium.com style image zoom for React 🔍

    Project mention: EUCv2 - A torrent tracker frontend written in React | reddit.com/r/trackers | 2021-03-02

    Credits/shoutouts: - TorrentLeech, from which I stole the design layout - https://github.com/passthestyles/stylesheets, from which I stole the pretty colors for the dark theme - https://github.com/rpearce/image-zoom - https://github.com/JiLiZART/bbob - Random StackOverflow answers, mostly cited in the comments

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 2021-03-03.

Index

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

Project Stars
1 chakra-ui 15,789
2 redoc 13,092
3 Bit 13,041
4 gdbgui 7,827
5 Blitz 7,079
6 react-toastify 6,390
7 rsuite 5,282
8 reakit 4,671
9 CSS Layout 3,262
10 constate 3,141
11 react-flip-toolkit 2,936
12 surveyjs 2,790
13 notistack 1,838
14 Erxes 1,617
15 tsParticles 1,576
16 universal-router 1,524
17 use-query-params 1,260
18 compiled 1,214
19 Talkyard 1,210
20 Reactime 6.0: State Debugger for React 1,207
21 use-cannon 1,157
22 react-spaces 921
23 image-zoom 912