Top 23 TypeScript ReactJS Projects
-
chakra-ui
⚡️ Simple, Modular & Accessible UI Components for your React Applications
chakra-ui/chakra-ui (TypeScript): ⚡️ Simple, Modular & Accessible UI Components for your React Applications
-
bit
Build, distribute, and collaborate on components.
Latest mention: What do people use to build websites for documentation for their framework/library? | reddit.com/r/Frontend | 2020-12-21Bit is great for component-sharing / documentation, but if you want to use it for free for private projects, you'll need to host the server yourself.
-
redoc
📘 OpenAPI/Swagger-generated API Reference Documentation
If you like Swagger you might want to take a look over ReDoc: https://github.com/Redocly/redoc
-
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.
-
react-toastify
React notification made easy 🚀 !
The documentation is as important as the code, even more important. I noticed that with one of my other library, react-toastify, when I rewrote the documentation for it, the download skyrocketed(currently 2M/Month based on npm stat).
-
blitz
⚡️The Fullstack React Framework — built on Next.js
Two I've been lightly following are Redwood[0] and Blitz[1]. Still a long ways behind something like Rails, but promising nonetheless.
-
rsuite
🧱 A suite of React components .
-
reakit
Toolkit for building accessible rich web apps with React
-
csslayout
A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing!
-
react-flip-toolkit
A lightweight magic-move library for configurable layout transitions
react-flip-toolkit will help you achieve this. They specifically have a demo for this too.
-
survey-library
JavaScript Survey and Form Library
-
notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
-
erxes
Free and open fair-code licensed all-in-one growth marketing & management software
-
universal-router
A simple middleware-style router for isomorphic JavaScript web apps
-
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.
Latest mention: #codevember - 12 - Bubbles animated background - Made with tsParticles | dev.to | 2020-11-12Made with tsParticles
-
talkyard
A community discussion platform: Brings together the main features from StackOverflow, Slack, Discourse, Reddit, and Disqus blog comments.
-
compiled
Build time atomic CSS-in-JS. Baked and ready to serve.
Latest mention: Compiled - Build time atomic CSS-in-JS by Atlassian. Extract to atomic CSS coming next year. | reddit.com/r/javascript | 2020-12-23 -
image-zoom
🔎 Medium.com style image zoom for React 🔍
Have you seen the "Image Preview" zoom feature on Medium? It allows a user to view a lightbox version of the full image, filling up the browser with as large of an image as the size allows while seeing it in full. There are multiple React libraries that replicate this image-zoom feature, but the one that seems to have the most users and the largest community for support is the react-medium-image-zoom library (built by Robert Pierce)
-
react-spaces
React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
-
hamburger-react
Animated hamburger menu icons for React (1.5 KB) 🍔
-
reactgrid
Add spreadsheet-like behavior to your React app
-
spinners-react
Lightweight SVG/CSS spinners for React
-
gooey-react
The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽
Index
What are some of the best open-source ReactJS projects in TypeScript? This list will help you:
- 1. chakra-ui
- 2. bit
- 3. redoc
- 4. gdbgui
- 5. react-toastify
- 6. blitz
- 7. rsuite
- 8. reakit
- 9. csslayout
- 10. react-flip-toolkit
- 11. survey-library
- 12. notistack
- 13. erxes
- 14. universal-router
- 15. tsparticles
- 16. talkyard
- 17. compiled
- 18. image-zoom
- 19. react-spaces
- 20. hamburger-react
- 21. reactgrid
- 22. spinners-react
- 23. gooey-react