一个可以打字的库

Typed 让文本 栩栩如生

使用 Typed.js，通过打字、退格和重新打字来为文本增添趣味。

composer require symfony/ux-typed

阅读文档

templates/ux_packages/typed.html.twig 
{% extends 'base.html.twig' %}

{% block body %}
    <div class="p-5" style="font-size: 1.3em;">
        {% set strings = [
            'I ❤️ Symfony UX!',
            'Symfony UX Typed loves to type',
            'Symfony UX Typed and backspace',
            'Control the speed',
            'Control the cursor',
            'Control your destiny!!!',
            'Control your destiny... sort of',
        ] %}
        <span
            data-controller="symfony--ux-typed"
            data-symfony--ux-typed-loop-value="true"
            data-symfony--ux-typed-show-cursor-value="true"
            data-symfony--ux-typed-cursor-char-value="✨"
            data-symfony--ux-typed-strings-value="{{ strings|json_encode|e('html_attr') }}"
        ></span>
    </div>
{% endblock %}

安装它

$ composer require symfony/ux-typed