<!-- Tutorial Link: https://devdojo.com/tnylea/create-a-typing-effect-in-alpinejs -->

<div class="w-screen h-screen flex items-center justify-center">
    
    <div class="max-w-7xl mx-auto text-center"
         x-data="{ text: 'Alpine JS is Amazing' }">
        
        <h1 class="text-7xl font-black" x-text="text"></h1>
        
    </div>
    
</div>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.1/tailwind.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/alpinejs/2.7.3/alpine.js