Conversation Bubble | eLearningDesign.org

1. Copy the prompt, paste it into ChatGPT or Claude, and swap in your topic.

2. Paste the AI's JSON below, then load it in.

Title Subtitle / instruction

Reveal Advance button label

Show progress count

Show restart button at the end

Show speaker names

Avatar size (60–200px): Drop shadow

Show bubble tail

Auto-advance with countdown

Seconds per message

Off by default. The countdown turns red at 5 seconds and advances at zero.

Enable sound

Message sound URL End-of-conversation sound URL

URL-based only. If no URL is given, nothing plays.

Confetti when the conversation completes

End message

Font family Title size: Subtitle size: Content size: Text alignment

Corner radius:

0px gives perfectly square corners everywhere in the export.

Animations & transitions

Entrance animation

Primary

Accent

Page background

Bubble background

Text

Bubble border

Show bubble border

♿ WCAG AA Included: Keyboard navigation, screen reader support, visible focus indicators, and reduced motion support are built into every export automatically.

Live Preview: dimensions in the live preview are not always to scale.

Restore your previous work?

This is a Pro Generator