All components

AI & Product

Chat Thread

A chat conversation building up bubble by bubble: replies arrive after a typing indicator, your messages pop in on the right.

When to use it

Showing a conversation: a support chat, a customer DM, a group chat reacting, a user talking to an AI assistant, a before/after story told in messages. Start a line with > for messages from "me" (right side). Messages share the clip, so allow about 1 second each.

Use it in the studio

Ask the agent in the studio, or add it from Assets → Motion and edit these props in the inspector.

Open the studio
{
  "id": "chat-thread-1",
  "from": 0,
  "duration": 180,
  "component": "chat-thread",
  "props": {}
}