Preview
Usage
Discord-channel layout in the standard dark theme. Round avatars, colored usernames per side (blurple for left, red for right), Discord-style "Today at HH:MM" timestamp, and a typing line at the bottom while a message is being typed.
contactName becomes the #channel-name in the header. Per-message side controls who the message is from — left uses the channel/contact name, right uses you.
Props
| Name | Type | Default |
|---|---|---|
| contactName | string | "general" |
| messages | ChatMessage[] | [5 items] |
| theme | "light" | "dark" | "dark" |
Composition
- ID
- DiscordMessages
- Resolution
- 1280×720
- FPS
- 60
- Duration
- 13.0s