HTML React

Open-source HTML projects categorized as React

Top 23 HTML React Projects

  • klipse

    Klipse is a JavaScript plugin for embedding interactive code snippets in tech blogs.

    Project mention: Pryrite: Interactively execute shell code blocks in a Markdown file | news.ycombinator.com | 2022-05-06

    For doing something similar in a browser, klipse supports over a dozen languages - https://github.com/viebel/klipse

  • tagify

    🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue

    Project mention: I wish Rails was better | reddit.com/r/rails | 2022-11-23

    As an example, I wanted to pull in https://github.com/yairEO/tagify I ended up using it from CDN rather than as an NPM module. I looked pretty hard and found no way to pull the CSS into the assets with the Rails 7 bundling tools; they have no mechanism for importing CSS from NPM packages into the asset build directory so far as I could tell. I also couldn't get fontawesome to work at all with a rails frontend using the TailwindCSS pipeline. Fontawesome expects sass, tailwindCSS does not, and using the standard CSS import didn't seem to work - no errors, but the tags just stayed as they were and no images showed up.

  • Zigi

    The context switching struggle is real. Zigi makes context switching a thing of the past. It monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack!

  • react-charts

    ⚛️ Simple, immersive & interactive charts for React

  • electrode

    Web applications with node.js and React

  • react-force-graph

    React component for 2D, 3D, VR and AR force directed graphs

    Project mention: Best simple library for diagramming nodes and edges in React | reddit.com/r/reactjs | 2022-11-28

    react-force-graph - seems more complex, requires knowledge of canvas API or ThreeJS

  • selecto

    Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.

    Project mention: Cool & useful JavaScript libraries | dev.to | 2022-07-11

    Selecto.js : a component that allows you to select elements in the drag area using the mouse or touch.

  • react-spaces

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

    Project mention: 10 Helpful React Components Library For Developers. | dev.to | 2021-12-27

    5. React Spaces

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • heroku-cra-node

    ⚛️ How to use create-react-app with a custom Node server on Heroku

    Project mention: Wrapping a git project? | reddit.com/r/git | 2022-11-12

    So I have a react website up and I want to wrap the react project within a node framework (https://github.com/mars/heroku-cra-node) so the react project would be a subdirectory of the larger project, but I already have git version control on it. Is there a clean way of stepping the version up one directory to incorporate the new code, or at least a clean way of creating a new git repository the retains the commits from the previous repository?

  • cuttlebelle

    The react static site generator that separates editing and code concerns

    Project mention: Best Static Site Generators For ReactJS. | reddit.com/r/reactjs | 2022-03-30

    Cuttlebelle

  • react-globe.gl

    React component for Globe Data Visualization using ThreeJS/WebGL

    Project mention: Globle: Wordle for Geography | reddit.com/r/webdev | 2022-01-29

    This game was inspired by Wordle and the "Hot or Cold" games from Sporcle. It was built using Create React App and this brilliant 3D Globe package from GitHub user Vasturiano. Please check it out and share your thoughts!

  • circle-flags

    A collection of 360+ minimal circular SVG country and state flags

    Project mention: SVG for the flag | reddit.com/r/catalan | 2022-03-25

    There is a Balearic flag in there: https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/es-ib.svg You can use this one or modify it to erase the canton.

  • KyberSwap

    Codebase for KyberSwap that helps users convert tokens instantly and directly from their own hardware wallets, metamask and so on. No setup, No deposit, no withdrawal needed. Try it out on https://kyberswap.com or join telegram for developers https://t.me/KyberDeveloper.

    Project mention: What CEXs and DEXs can I currently get TRX on [2022]? | reddit.com/r/Tronix | 2022-10-27

    sunswap.com (TRON) pancakeswap.finance (BSC) kyberswap.com (BitTorrent Chain) biswap etc....

  • uix

    Idiomatic ClojureScript interface to modern React.js

  • SAAS-Starter-Kit-Pro

    🚀A boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs

    Project mention: Setting up a Multi-Instance SaaS | reddit.com/r/SaaS | 2022-05-16
  • trailing-slash-guide

    Understand and fix your static website trailing slash issues!

    Project mention: Trailing Slash Guide | news.ycombinator.com | 2022-10-31
  • howoldisit

    A tool for recruiters to check how old a technology is.

    Project mention: How long has _ existed? | news.ycombinator.com | 2022-01-31

    I haven't looked through all of the code, but since they store the (approximate) release date of each technology (https://github.com/jsrn/howoldisit/blob/master/src/technolog...) my guess is that it's "as of the instant you viewed the page".

  • reactjs-master-class

    The repository helps you learn React by building Netflix.

  • react-hooks-lifecycle

    ⚛️ 🪝 ⏳ React hooks lifecycle diagram: Functional components lifecycle explained

    Project mention: Does a child component re-render because it receives a new proper or because the father component state has changed and it must re-render as a result, the child will be re-rendered anyways | reddit.com/r/reactjs | 2022-10-10

    there reason I'm asking this question is that I was reading marker erikson's article and he refer to this React Hooks Lifecycle visualization and in the update part it says New props so I was wondering if I'm missing something

  • p2p-chat

    Serverless peer to peer chat on WebRTC (by michal-wrzosek)

    Project mention: Serverless P2P WebRTC Chat | news.ycombinator.com | 2022-05-09
  • react-loading-screen

    http://stackoverflow.com/questions/40987309/react-display-loading-screen-while-dom-is-rendering (by nguyenbathanh)

  • react-learning-course-short

    This repo dedicated to the course "React for Beginners". The course was created to support Ukraine 🇺🇦 and Ukrainians in the war against russia. It's completely free and open-sourced.

    Project mention: Free React course for beginners to support Ukraine | reddit.com/r/reactjs | 2022-04-20

    The course is open-source, it's posted on [GitHub](https://github.com/Drag13/react-learning-course-short), and here is the example of the [presentation](https://drag13.io/react-learning-course-short/react-intro/#/1). Every day updates posted on my [twitter](https://twitter.com/drag137)

  • react-qr-scanner

    React component for reading QR codes using PC web camera or mobile phone camera.

  • baseapp

    OpenDAX Trading user interface

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

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 2022-11-28.

HTML React related posts

Index

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

Project Stars
1 klipse 2,996
2 tagify 2,769
3 react-charts 2,274
4 electrode 2,072
5 react-force-graph 1,285
6 selecto 1,190
7 react-spaces 1,097
8 heroku-cra-node 946
9 cuttlebelle 522
10 react-globe.gl 510
11 circle-flags 491
12 KyberSwap 394
13 uix 384
14 SAAS-Starter-Kit-Pro 365
15 trailing-slash-guide 276
16 howoldisit 205
17 reactjs-master-class 178
18 react-hooks-lifecycle 166
19 p2p-chat 146
20 react-loading-screen 140
21 react-learning-course-short 106
22 react-qr-scanner 101
23 baseapp 86
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.
www.influxdata.com