fresh-typedjs/dist/freshType.css

My library lets you input text (a word or a paragraph) and specify a timing to animate writing or deleting each letter one by one,

.anim {
  animation: anim 1s forwards infinite alternate;
}
.afterText::after {
  content: "";
  background-color: rgb(255, 255, 255);
  width: 3px;
  height: 1em;
  position: absolute;
  margin-left: 0.375rem;
  margin-top: 0.25rem;
  animation: anim 0.5s linear infinite;
}

@keyframes anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}