🪜 Setup Steps
Add a text element to your page.

1. Enable HTML IDs in Bubble under
Settings → General → Expose the option to add an ID attribute.

2. Place a text element on your page

3. Give your text element an ID, for example:

typedtext1


4. Create a workflow to trigger the plugin.

Event: Page is loaded (or any event you prefer)

Action: Plugins → Run Typed Cursor

Fill in the fields as follows:

Field Name           | Example                      | Description
----------------------|------------------------------|-----------------------------------------------
target_id            | typedtext1                   | The HTML ID of the text element to animate.
type_options         | JavaScript, Python, C++, Rust | Comma- or newline-separated list of words/phrases to type.
type_speed           | 100                           | Typing speed in milliseconds per character.
cursor_blink_speed   | 500                           | Time (ms) for one full cursor blink (fade in/out).
pause_time           | 1200                          | Pause duration (ms) after a word completes before deleting.
loop_animation       | yes                           | Whether to continuously loop through words.
cursor_color         | #E91E63                       | Cursor color (#hex, rgb(), or CSS color name).
cursor_length        | 1.0                           | Cursor height ratio relative to text height (1.0 = full height).


5. Preview your page.

You should see the words type and delete in sequence.

The cursor will blink smoothly and stay perfectly centered.

✨ Tips

Adjust cursor_length (e.g., 0.6 → shorter, 1.2 → taller).

Leaving cursor_color blank makes it match your text color.

Use loop_animation = no if you want it to stop after one cycle.

🧹 Cleanup (Optional)

If you ever need to stop or reset the animation manually, run this in a “Run JavaScript” action:

window.TypedCursorCleanup && window.TypedCursorCleanup();


Default Speeds:

Typing: 100 ms

Blink: 500 ms

Pause: 1200 ms

✅ That’s it!
Add the workflow → Run Typed Cursor → and enjoy the clean, professional typing effect on your Bubble app.