React Tree

In this example below you will see how to do a React Tree with some HTML / CSS and Javascript

This awesome code was written by -dan, you can see more from this user in the personal repository.
You can find the original code on
Copyright -dan ©


  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>React Tree</title>
      <link rel="stylesheet" href="css/style.css">



  <div id="app"></app>
  <script src=''></script>
<script src=''></script>




/*Downloaded from */
.tree .node {
  display: flex;
  flex-flow: column wrap;
  height: 50px;
  background-color: red;
  flex: 1 0 50%;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;