Shapes — multiplayer agents with your friends · Launch Video Breakdown: Hook, Pacing & Motion Design
Scene-by-scene timeline & spoken transcript
The Hook
AI Assisted Trip Planning
“(No spoken dialogue — ambient upbeat synth soundtrack)”
- On screen
- what if we just flew to vegas on weekend oh im down lets do vegas are flights expensive? @tod SFO -> LAS want me to add dhruv to the plan too? sunday works for all three of you.
- Camera
- Smooth vertical auto-scroll tracking chat messages.
- Motion
- Staggered chat bubbles with dynamic inline UI card expands.
Feature Teaser
Multi-Chat Matrix
“(No spoken dialogue — electronic beat continues)”
- On screen
- hangout apt 4B side project (real this time) bio final survivors
- Camera
- Smooth pull-back into a 2x2 multi-screen matrix.
- Motion
- Synchronized multi-thread message streams.
Product Reveal
Infinite Community Wall
“(No spoken dialogue — upbeat music swell)”
- On screen
- shapes.inc
- Camera
- Isometric pull-out camera movement into infinite canvas.
- Motion
- 3D perspective tilt and geometric grid zoom.
Call to Action
Brand Tagline Outro
“(No spoken dialogue — outro musical resolve)”
- On screen
- shapes.inc Do things with your friends.
- Camera
- Static front framing with gentle 2D entrance.
- Motion
- Clean typographic fade-in with character illustration lockup.
Motion design primitives
Synthesizable in Remotion · key components of the multi-agent-chat-showcase template.
ChatStreamContainer
Simulates natural texting stream with spring-loaded bubble pop-ups and auto-scroll.
+ Code construction recipe
Map message array to spring-animated div transforms keyed by timestamp with auto-updating scroll offset.
AgentThinkingBadge
Pill badge displaying step count, execution time, and loading state spinner.
+ Code construction recipe
Framer Motion layout transition expanding from badge to full response card.
IsometricPlaneGrid
Flattens 2D chats into an isometric grid tilted on X and Z axes receding into space.
+ Code construction recipe
CSS 3D perspective wrapper with rotateX, rotateZ, and animated scale transition.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Spontaneous Spark
Purpose. Demonstrate the initial natural user intent in casual chat.
Execution. Rapid blue and grey chat bubbles appearing sequentially.
- 2
Autonomous Execution
Purpose. Showcase agent capabilities: flight search, scheduling, teammate inviting.
Execution. Inline cards expanding with flight pricing widgets and itinerary.
- 3
Use-Case Expansion
Purpose. Prove product versatility across living, coding, and studying contexts.
Execution. Zoom out into 4 distinct chat personas and workflows.
- 4
Ecosystem Scale & Mission
Purpose. Position product as social hub for shared multiplayer workflows.
Execution. Infinite isometric grid transition into illustrated end card.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Multiplayer AI assistant for co-working hackathonsHow the recipe adapts
Replace Vegas chat with hackathon project coordination: agent runs GitHub tests, orders pizza, and tracks slide decks across a team chat matrix.Remix blueprint · multi-agent-chat-showcase
Scene durations (4 scenes, 27.5s)
Key Remotion components
Related AI & ML Product Launches
Explore all AI & ML launches →
Introducing Griffin, the first AI to pass the video Turing test
The most emotive and controllable TTS model
We just released QVAC TranscribePsy, a speech-to-text model small enough to run inside a phone app. It covers 25 European languages on a laptop and 8 on a phone, and on an iPhone 17 Pro Max's Ne