Top 23 TypeScript ReactJS Projects
⚡️ Simple, Modular & Accessible UI Components for your React ApplicationsLatest mention: Weekly Developer Roundup #23 - Sun Nov 22 2020 | dev.to | 2020-11-21
chakra-ui/chakra-ui (TypeScript): ⚡️ Simple, Modular & Accessible UI Components for your React Applications
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-21
Bit 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.
📘 OpenAPI/Swagger-generated API Reference DocumentationLatest mention: How do you document your APIs? | reddit.com/r/node | 2021-01-14
If you like Swagger you might want to take a look over ReDoc: https://github.com/Redocly/redoc
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 notification made easy 🚀 !Latest mention: The road to React-contexify v5 | dev.to | 2020-12-03
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).
⚡️The Fullstack React Framework — built on Next.js
🧱 A suite of React components .
Toolkit for building accessible rich web apps with React
A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing!
A lightweight magic-move library for configurable layout transitionsLatest 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.
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
Free and open fair-code licensed all-in-one growth marketing & management software
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-12
Made with tsParticles
A community discussion platform: Brings together the main features from StackOverflow, Slack, Discourse, Reddit, and Disqus blog comments.
🔎 Medium.com style image zoom for React 🔍Latest mention: Implementing Medium's Image Preview with Gatsby Images | dev.to | 2021-01-11
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 components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
Animated hamburger menu icons for React (1.5 KB) 🍔
Add spreadsheet-like behavior to your React app
Lightweight SVG/CSS spinners for React
The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽
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