🔧 How to Use the Typewriter Text Typing Effect Plugin
1. Install the Plugin
• In your Bubble editor, open the Plugins tab.
• Search for “Typewriter Text Typing Effect”.
• Click Install.


2. Use the Action in a Workflow
• In any workflow (e.g., after pressing a Send button or receiving an API response), add a new action:
• Select: Plugins → Typewriter Text Typing Effect.


3. Configure the Action
• Element ID: Enter the ID Attribute of the Bubble element where the text should appear.
• Text: Enter the text you want to animate. This can be:
• A static string (e.g., “Hello, how can I help you?”)
• A dynamic expression (e.g., Current User's name)
• A real-time API response (e.g., Result of step 1 (OpenAI)).
• Speed: Set the typing speed in milliseconds per character. For example:
• 50 = fast
• 100 = moderate
• 150+ = slow, dramatic typing

💡 Make sure the target Bubble element is visible on page load and has a unique ID Attribute assigned in the property editor.



4. Extra Features Included
• ✅ Blinking cursor effect during typing.
• ✅ Auto-scroll with the typing content of the text element — helpful for long content.



Demo app's editor link: https://bubble.io/page?id=codify-labs&tab=Design&name=typewriter_text_effect&type=page