RareUI MCP — UI components from one prompt · Launch Video Breakdown: Hook, Pacing & Motion Design
Scene-by-scene timeline & spoken transcript
The Hook
Brand & Purpose Reveal
“(No spoken dialogue — ambient electronic background audio)”
- On screen
- Rare UI MCP Ask your agent for any component.
- Camera
- Static front view with centered element scaling
- Motion
- Flower petal assembly spring animation followed by clean title fade-in
Product Reveal
Prompt to Terminal Execution
“(No spoken dialogue — ambient electronic audio)”
- On screen
- Add the folder component from Rare UI shadcn add @rare-ui/folder-component ✓ components/ui/folder-component.tsx
- Camera
- Fixed UI card framing
- Motion
- Simulated typing into prompt bar, expanding downward into code output
Feature Teaser
Interactive Component Preview
“(No spoken dialogue — ambient electronic audio)”
- On screen
- (No on-screen text)
- Camera
- Centered static view
- Motion
- Skeuomorphic translucent 3D folder opening with animated documents floating up
Feature Teaser
Component Registry Scroll
“(No spoken dialogue — ambient electronic audio)”
- On screen
- add @rare-ui/folder-component otp-input task-list animated-counter notification-bell emoji-reaction step-player gravity-letters 24 components. One registry.
- Camera
- Static viewport
- Motion
- Vertical kinetic ticker scroll with central highlight and blurred edges
Feature Teaser
Ecosystem Compatibility
“(No spoken dialogue — ambient electronic audio)”
- On screen
- Works in Claude Code Cursor VS Code Codex npx shadcn@latest mcp init
- Camera
- Static lockoff
- Motion
- Sequential staggered list item pop-in with corresponding logos
Call to Action
Outro & Direct Link
“(No spoken dialogue — ambient electronic audio)”
- On screen
- rareui.com/mcp
- Camera
- Static centered lockup
- Motion
- Logo reposition and clean typography entry
Motion design primitives
Synthesizable in Remotion · key components of the mcp-developer-launch-template template.
PetalLogoAssembly
Individual orange petals rotate and snap into a unified flower motif.
+ Code construction recipe
Map 5 SVG petal paths using Remotion spring with staggered frame delays, interpolating rotation and translation from center.
VerticalTickerList
List items scroll upward through a fixed focal slot, scaling and fading outside the center.
+ Code construction recipe
Interpolate vertical translateY against frame count; apply opacity and scale based on distance from the vertical midpoint.
ExpandingCommandPrompt
A pill-shaped text box expands downward into an execution box on submit.
+ Code construction recipe
Use spring interpolation on height and borderRadius, rendering terminal output lines once height completes expansion.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Hook
Purpose. Establish product identity and core utility immediately.
Execution. Petal logo convergence transitioning to title and core tag.
- 2
Interaction Demo
Purpose. Demonstrate the seamless prompt-to-code agent workflow.
Execution. Typing animation followed by real-time CLI output and component render.
- 3
Registry Breadth
Purpose. Prove depth and ecosystem maturity.
Execution. Fast kinetic scrolling through available components ending on tally.
- 4
Compatibility & Close
Purpose. Highlight supported developer environments and provide the direct URL.
Execution. Staggered icon entry, CLI install command, and central logo CTA.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch video for an AI backend database MCP tool.How the recipe adapts
Replace the UI folder component with an animated floating database node, keep the prompt-to-CLI workflow, and list database connectors in the kinetic ticker.Remix blueprint · mcp-developer-launch-template
Scene durations (6 scenes, 26s)
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
Always-on agents built to handle everything