BlatUI

Components

Typewriter

Types and deletes a cycling list of words — for hero headlines and taglines.

php artisan blatui:add typewriter

We help you design, build, ship faster. 

<p class="text-2xl font-semibold tracking-tight">
    We help you <x-ui.typewriter :words="['design', 'build', 'ship']" class="text-primary" /> faster.
</p>

Custom

I'm a developer, designer, maker 

{{-- Tune the speeds; pass :cursor="false" to hide the caret, :loop="false" to stop on the last word. --}}
<p class="text-xl">
    I'm a <x-ui.typewriter
        :words="['developer', 'designer', 'maker']"
        :type-speed="70"
        :delete-speed="35"
        class="text-primary font-semibold"
    />
</p>