Go back to Examples

Typed

Plugins - Beginner

The typed plugin is used for a typed writing effect. It can be used to highlight multiple features in a limited space. It can be edited with the visual editor and without code.

                <h1 class="mb-6 text-3xl md:text-6xl font-bold leading-none tracking-tight text-gray-900">
    <span style="font-weight: normal;">Headline explaining your product and it's</span>
    <span class="block bg-gradient-to-r from-green-600 to-blue-700 bg-clip-text text-transparent">
        <span data-toggle="typed" data-options="{'loop':true,'strings':['convert.',' drive traffic.']}">Main Benefit</span>
    </span>
</h1>