readme-typing.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 50" style="background-color: #00000000;" width="400px" height="50px">

          <path id="path0">
            <animate id="d0" attributeName="d" begin="0s;d2.end" dur="5000ms" fill="remove" values="m0,25 h0 ; m0,25 h400 ; m0,25 h400 ; m0,25 h0" keyTimes="0;0.8;0.8;1"/>
          </path>
          <text font-family="monospace" fill="#06d6a0" font-size="20" dominant-baseline="middle" x="50%" text-anchor="middle">
            <textPath xlink:href="#path0">
              Add a bio to your profile!
            </textPath>
          </text>
          <path id="path1">
            <animate id="d1" attributeName="d" begin="d0.end" dur="5000ms" fill="remove" values="m0,25 h0 ; m0,25 h400 ; m0,25 h400 ; m0,25 h0" keyTimes="0;0.8;0.8;1"/>
          </path>
          <text font-family="monospace" fill="#06d6a0" font-size="20" dominant-baseline="middle" x="50%" text-anchor="middle">
            <textPath xlink:href="#path1">
              Add a description to your repo!
            </textPath>
          </text>
          <path id="path2">
            <animate id="d2" attributeName="d" begin="d1.end" dur="5000ms" fill="remove" values="m0,25 h0 ; m0,25 h400 ; m0,25 h400 ; m0,25 h0" keyTimes="0;0.8;0.8;1"/>
          </path>
          <text font-family="monospace" fill="#06d6a0" font-size="20" dominant-baseline="middle" x="50%" text-anchor="middle">
            <textPath xlink:href="#path2">
              Make your readme stand out!
            </textPath>
          </text>
</svg>