Lottielab · Launch Video Breakdown: Hook, Pacing & Motion Design
Introducing Bento Blocks! A brand new template pack with bento-style card layouts and animations. Perfect for: Product pages Feature showcase Dashboards and more Easily switch assets and edit anima…
Scene-by-scene timeline & spoken transcript
The Hook
3D Canvas Grid Overview
“(No spoken dialogue — upbeat vocal percussion and rhythmic synth beat)”
- On screen
- Quick Info Access\nAnalyze → Summarize → Act\nGlobal Sync\nSales analytics\nTask Overview\nWhere Satisfaction Shows
- Camera
- Isometric angled camera drifting across 3D floating card layout
- Motion
- Multi-plane 3D perspective layering with depth-of-field blur
Feature Teaser
Interactive Search & Gauge Elements
“(No spoken dialogue — energetic vocal beat continues)”
- On screen
- Quick Info Access\nI want to find....\nMotion Design System\nDesign System Update\nProject Status Update\nMotion Design Revamp\nWhere Satisfaction Shows
- Camera
- Rapid zoom-in transitions snapping to individual UI cards
- Motion
- Autocompleting text field and spring-loaded needle rotation on gauge
Feature Teaser
Charts, Tasks, and Globe Visuals
“(No spoken dialogue — synced vocal rhythm hits)”
- On screen
- Sales analytics\nTask Overview\nDashboard Design\nMarketing Assets\nOptimise Render\nGlobal Sync
- Camera
- Beat-synced cuts focusing on modular dashboard cards
- Motion
- Bar height easing, card stack cycling with status badge transitions
Product Reveal
In-Editor Customization & Timeline
“(No spoken dialogue — rhythmic beat continues)”
- On screen
- Live Sync\nEdit content\nCard Title\nQuality you can see\nCard Description\nScene\nAdd animation
- Camera
- Close-up on UI inspector panels and multi-track animation timeline
- Motion
- Cursor drag across color spectrum slider, live text editing, timeline playback scrub
Product Reveal
Synchronized Component Grid
“(No spoken dialogue — beat reaches crescendo)”
- On screen
- Analyze → Summarize → Act\nGlobal Sync\nSales analytics\nQuick Info Access\nTask Overview\nWhere Satisfaction Shows
- Camera
- Front-facing wide grid pull-back displaying all animated widgets
- Motion
- Synchronized looping micro-interactions across six modular cards
Call to Action
Logo Outro & URL
“(No spoken dialogue — concluding synth note)”
- On screen
- lottielab.com/templates
- Camera
- Static centered lockup with slight scale spring
- Motion
- Icon pop-in on horizontal guide lines with clean text fade
Motion design primitives
Synthesizable in Remotion · key components of the kinetic-template-showcase template.
PerspectiveCardGrid
Floating rounded cards arranged in a grid with 3D rotation and focal blur.
+ Code construction recipe
Wrap items in a container with perspective and rotateX/rotateY transforms. Map camera position to spring animations.
InteractiveMetricGauge
Semicircular radial gauge with an animated needle pointing to score values.
+ Code construction recipe
SVG path arc with a rotated needle centered on the base pivot, interpolated using spring physics.
TaskCardStacker
Stacked kanban task items cycling forward with depth scaling and tag transitions.
+ Code construction recipe
Array of cards mapped with translateY offsets and opacity falloffs, stepped by active frame index.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Grid Tease
Purpose. Establish variety and breadth of animated templates.
Execution. Isometric view across diverse animated UI widgets.
- 2
Micro-Feature Hits
Purpose. Demonstrate visual polish of specific interactive elements.
Execution. Fast focal cuts on search, charts, gauges, and tasks.
- 3
Editor Workflow
Purpose. Prove ease of customization within the platform.
Execution. Direct UI screen captures of color sliders and text inputs.
- 4
Full Suite & Outro
Purpose. Reinforce unified value and direct user to template library.
Execution. Full template matrix overview followed by branded CTA.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Announcing a pre-built animated chart component kit for React developers.How the recipe adapts
Replace SaaS cards with line, pie, bar, and candlestick charts, highlighting real-time prop adjustments and code export.Remix blueprint · kinetic-template-showcase
Scene durations (6 scenes, 31s)
Key Remotion components
Related Tech & SaaS Product Launches
Explore all Tech & SaaS launches →
Against all odds. Congrats @elonmusk and @SpaceX.
Building apps has never been easier. With Sites, Codex can turn your work, ideas, and plans into an interactive website or app your team can explore, use, and share with a URL. Rolling out to Busine
Unreal Engine 6 has been announced with Rocket League.