Typing Effect

Typewriter-style text animation that cycles through an array of strings.

Default Speed

      @{
      var typingTexts = new List<string>() { "Hello World", "Welcome to Pines UI", "Built with Alpine.js" };
  }

  <pines-typing-effect text-array="typingTexts"></pines-typing-effect>

Fast Typing

      @{
      var fastTexts = new List<string>() { "Fast typing", "Quick animation", "Speed demo" };
  }

  <pines-typing-effect text-array="fastTexts" type-speed="50" pause-end="800"></pines-typing-effect>