⌨️ Alpine Typewriter ⌨️

An Alpine.js plugin to add a typewriter effect to any HTML element.

!hero

🚀 Installation

$3

Include the following
`

$3

`shell
npm install @marcreichel/alpine-typewriter
`

Add the x-typewriter directive to your project by importing the package before starting Alpine.

`js
import Alpine from 'alpinejs';
import Typewriter from '@marcreichel/alpine-typewriter';

Alpine.plugin(Typewriter);

Alpine.start();
`

🪄 Usage

Simply add the x-typewriter directive to any HTML element and provide the texts which should be cycled through.

`html

`

$3

By default, a text stays for 2 seconds before being swapped out. This behavior may be adjusted using a modifier like so:

`html

`
or

`html

`

$3

To add a blinking cursor add the cursor modifier like so:

`html

``

📄 License

Copyright (c) 2023 Marc Reichel and contributors.

Licensed under the MIT license, see LICENSE for details.