Alex Sidorenko · Launch Video Breakdown: Hook, Pacing & Motion Design
Vertical tabs in Chrome
Scene-by-scene timeline & spoken transcript
The Hook
The Problem of Horizontal Tabs
“(No spoken dialogue — Ethereal synth pads and deep sub-bass establish an ambient, contemplative mood.)”
- On screen
- Off Autopilot Home Archive About Edit page The sea of slop Developers Cancel Anthropic Subscriptions Over Claude Code Rate Limits Last updated 8 hours ago Anthropic updated Claude Code this week, capping programmatic access for automated tools at a monthly credit matching the user's subscription price—$200 for top Max plan users—while leaving interactive coding sessions untouched. The change, effective June 15, routes non-interactive calls to a separate pool, with pay-as-you-go options after exhaustion, as the company cites surging demand and a focus on interactive use. Browne called out the move as broken promises, sparking waves of cancellations like Rodrigo Ehlers' Max plan and Winter's Pro, with developers switching to alternatives such as Ollama Cloud, Deepseek, and OpenAI's Codex. This story is a summary of posts on X and may evolve over time. Grok can make mistakes, verify its outputs. Top Latest Theo - t3.gg @theo • 16h I can't help but feel personally burned by the Claude Code changes
- Camera
- Static, wide shot of a Chrome browser window, simulating a user's desktop view.
- Motion
- Screen recording with a visible mouse cursor navigating between browser tabs, highlighting the inefficiency of horizontal tab management.
Problem Agitation
Enabling Vertical Tabs in Chrome Flags
“(No spoken dialogue — Delicate, plucked synth melodies join the ambient pads, adding a subtle sense of progression.)”
- On screen
- chrome://flags AI Mode Google Search Google or type a URL Customize Chrome Experiments 148.0.7778.98 Available Unavailable Vertical Tabs Enables an option for showing tabs to the side. – Mac, Windows, Linux, ChromeOS #vertical-tabs Disabled Vertical Tabs Expand On Hover Vertical tabs (when enabled and collapsed) will expand on mouse hover. – Mac, Windows, Linux, ChromeOS #vertical-tabs-expand-on-hover Default Your changes will take effect the next time you relaunch Chrome. Relaunch
- Camera
- Static, wide shot of the browser, focusing on the address bar and Chrome flags page.
- Motion
- Screen recording demonstrating precise mouse clicks and text input, guiding the viewer through the process of enabling a hidden feature. Subtle highlight animations on clickable elements.
Product Reveal
Activating Vertical Tabs
“(No spoken dialogue — The ambient score continues, with shimmering sound effects subtly introduced.)”
- On screen
- Hi, Alex Search flags Experiments WARNING: EXPERIMENTAL FEATURES AHEAD! By enabling these features, you could lose browser data or compromise your security or privacy. Enabled features apply to all users of this browser. If you are an enterprise admin you should not be using these flags in production. Interested in cool Chrome features? Try our beta channel. Interested in new Chrome features? Try our dev channel Available Unavailable Vertical Tabs Enables an option for showing tabs to the side. – Mac, Windows, ... ChromeOS #vertical-tabs Enabled About - Off Aut x.com/i/trendin Experiments New Tab Reopen Closed Window Bookmark All Tabs... Name Window... Show Tabs Vertically Send Feedback About the Tab Strip Task Manager
- Camera
- Close-up on the browser's top-left corner, then a quick pan to reveal the vertical tab menu.
- Motion
- Rapid zoom and pan, followed by a context menu animation, creating a sense of discovery and immediate impact. The mouse cursor acts as a guide.
Feature Teaser
Vertical Tabs in Action
“(No spoken dialogue — The ambient score builds slightly in intensity with a gentle riser and soft atmospheric impact at 0:19.)”
- On screen
- About - Off Autopilot x.com/i/trending/2054848 Experiments Developers Cancel Anthropic Subscriptions Over Claude Code ... Memory usage: 141 MB Off Autopilot Home Archive About Edit page The sea of slop
- Camera
- Dynamic camera movement, zooming out and panning across the browser window to showcase the new vertical tab layout.
- Motion
- Smooth, controlled camera movements (zoom out, pan left, pan right) to highlight the functionality and visual appeal of vertical tabs. Tabs animate into their new vertical positions.
Call to Action
Seamless Vertical Tab Management
“(No spoken dialogue — The audio track becomes slightly more layered and expansive, maintaining its ambient electronic feel.)”
- On screen
- Off Autopilot Home Archive About Edit page The sea of slop Developers Cancel Anthropic Subscriptions Over Claude Code Rate Limits Last updated 8 hours ago Anthropic updated Claude Code this week, capping programmatic access for automated tools at a monthly credit matching the user's subscription price—$200 for top Max plan users—while leaving interactive coding sessions untouched. The change, effective June 15, routes non-interactive calls to a separate pool, with pay-as-you-go options after exhaustion, as the company cites surging demand and a focus on interactive use. Browne called out the move as broken promises, sparking waves of cancellations like Rodrigo Ehlers' Max plan and Winter's Pro, with developers switching to alternatives such as Ollama Cloud, Deepseek, and OpenAI's Codex. This story is a summary of posts on X and may evolve over time. Grok can make mistakes, verify its outputs. Top Latest Theo - t3.gg @theo • 16h I can't help but feel personally burned by the Claude Code changes
- Camera
- Fluid camera pans and zooms, demonstrating interaction with the vertical tabs.
- Motion
- Interactive screen recording with smooth mouse movements, showcasing tab switching, collapsing, and expanding the vertical tab bar. The animations are subtle and responsive, emphasizing user experience.
Motion design primitives
Synthesizable in Remotion · key components of the vertical-tabs-workflow-showcase template.
BrowserTabTransition
Simulates the opening, closing, and reordering of browser tabs, specifically transitioning from horizontal to vertical layouts. Tabs smoothly slide and resize into their new positions.
+ Code construction recipe
Utilize Remotion's <AbsoluteFill> and <Sequence> components. Animate 'x' and 'y' positions, 'width', and 'height' properties of tab elements using `interpolate` with `easeOutCubic` for smooth transitions. Implement conditional rendering for tab visibility and use `spring` for subtle bounce on tab activation.
CursorGuidedInteraction
A realistic mouse cursor that moves, clicks, types, and hovers over UI elements, guiding the viewer's attention and demonstrating user actions.
+ Code construction recipe
Create a custom cursor component with SVG or image. Animate its 'x' and 'y' coordinates using `interpolate` to follow predefined paths. Simulate clicks with a brief scale down/up animation. Text input can be faked by rendering text character by character with a delay.
UIElementHighlight
Subtle visual cues like glows, underlines, or background changes that draw attention to specific UI elements (buttons, text fields, dropdowns) as the cursor interacts with them.
+ Code construction recipe
Wrap target UI elements in a component that applies dynamic styles. Use `useCurrentFrame()` and `interpolate` to animate 'opacity', 'boxShadow', or 'backgroundColor' properties on hover or click events. Employ `spring` for a soft, responsive highlight effect.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Frustration
Purpose. Establish the common pain point of managing too many horizontal browser tabs, creating immediate relatability.
Execution. Show a cluttered browser window with many horizontal tabs, demonstrating the difficulty of navigation.
- 2
The Solution Discovery
Purpose. Guide the user through the technical steps to enable the solution, building anticipation and demonstrating accessibility.
Execution. Detailed screen recording of navigating Chrome flags, searching for 'vertical tabs', and enabling the feature.
- 3
The Transformation
Purpose. Visually reveal the product's impact, showcasing the immediate benefit and improved user experience.
Execution. Dramatic transition from horizontal to vertical tabs, with smooth animations and a clear demonstration of the new layout.
- 4
The Enhanced Workflow
Purpose. Demonstrate the practical advantages and fluidity of the new system in a real-world browsing scenario.
Execution. Fluid interaction with the vertical tabs, switching between them, collapsing/expanding the sidebar, and highlighting improved organization.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
A new browser extension called 'TabFlow' that automatically groups tabs into thematic workspaces.How the recipe adapts
The video would start by showing a chaotic browser with many unrelated tabs, highlighting the problem. The cursor would then navigate to install the 'TabFlow' extension. Upon activation, tabs would animate into distinct vertical groups, each representing a 'workspace' (e.g., 'Work', 'Research', 'Social'). The camera would then pan and zoom to demonstrate switching between these organized workspaces, showing how the extension intelligently categorizes tabs and improves productivity. The UI Element Highlight primitive would be used to draw attention to the new workspace controls.Remix blueprint · vertical-tabs-workflow-showcase
Scene durations (5 scenes, 25s)
Key Remotion components
Related Tech & SaaS Product Launches
Explore all Tech & SaaS launches →
Unreal Engine 6 has been announced with Rocket League.
announcing @cluely's $15M fundraise, led by @a16z. cheat on everything.
Yesterday we launched Bouncer to put users in control of their Twitter feed. Today, we open sourced the Chrome extension. We believe software should align with your interests, not the company that…