Top 23 JavaScript ReactJS Projects
-
taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
NervJS / taro
-
reactotron
A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.
-
react-draft-wysiwyg
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
-
airframe-react
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe
Latest mention: Best Free React Dashboards & Resources for every React Developer | dev.to | 2020-09-21Download Airframe
-
react-flip-move
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
-
twin.macro
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components and goober) at build time.
Latest mention: Tailwind CSS: The future of styling or just another CSS framework? | dev.to | 2021-01-15Tailwind at its own isn't too hard to learn. What I would want to explore is the tooling around it ex. twin.macro which aims to solve issue with long CSS class names and avoid creating separate CSS files at the same time. I also want discover more good practices.
-
react-ace
React Ace Component
-
react-music
Make beats with React!
-
react-awesome-slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders. 🖥️ 📱
-
notion-clone
Edit Notes like in Notion.so. Full-Stack App using React/Express.
I remember a while back someone posted an open source alternative [0], the biggest downside being that there are fewer features and must be run locally.
-
react-lifecycle-visualizer
Real-time visualizer for React lifecycle methods
-
React-Bootstrap-with-Material-Design
React Bootstrap with Material Design - Powerful and free UI KIT
-
user-event
🐕 Simulate user events for react-testing-library
To get away from testing our code implementation and get closer to testing how the application is actually used, we turn once again to React Testing Library. Instead of creating fake DOM event objects and simulating various change events, we have the ability to mimic how users would actually interact with the application using userEvent's, which are provided by the user-event library.
-
megadraft
Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility
-
hedron
A no-frills flexbox grid system for React, powered by styled-components.
-
prism-react-renderer
🖌️ Renders highlighted Prism output to React (+ theming & vendored Prism)
I could then style each line of code separately if I wanted or use a pre-defined theme such as Night Owl by Sarah Drasner.
-
Winterfell
Generate complex, validated and extendable JSON-based forms in React.
-
reactive-elements
Allows to use React.js component as HTML element (web component)
-
react-awesome-query-builder
User-friendly query builder for React
-
react-pixi-fiber
Write PixiJS applications using React declarative style.
For 2D there is also https://github.com/inlet/react-pixi and https://github.com/michalochman/react-pixi-fiber check them both out. I prefer inlet's.
-
espresso.js
Super minimal MVC library
-
react-portal-tooltip
Awesome React tooltip
-
react-custom-scroll
Easily customize the browser scroll bar with native OS scroll behavior
Index
What are some of the best open-source ReactJS projects in JavaScript? This list will help you:
- 1. taro
- 2. reactotron
- 3. react-draft-wysiwyg
- 4. airframe-react
- 5. react-flip-move
- 6. twin.macro
- 7. react-ace
- 8. react-music
- 9. react-awesome-slider
- 10. notion-clone
- 11. react-lifecycle-visualizer
- 12. React-Bootstrap-with-Material-Design
- 13. user-event
- 14. megadraft
- 15. hedron
- 16. prism-react-renderer
- 17. Winterfell
- 18. reactive-elements
- 19. react-awesome-query-builder
- 20. react-pixi-fiber
- 21. espresso.js
- 22. react-portal-tooltip
- 23. react-custom-scroll