
leadbee turns any product URL into a launch video using Firecrawl, ElevenLabs, Remotion, and Clerk.
The Hook
“Outbid your way to number one.”
Problem Agitation
“Buried products get zero clicks.”
Product Reveal
“Submit your URL, outbid whoever's above you. Every click and visitor tracked live.”
Feature Teaser
“Compete across 28 plus categories, not just one. Bid. Rank. Get seen.”
Call to Action
“Over 1.3 million visitors since launch. Claim your spot now at outbid.lol.”
Synthesizable in Remotion · key components of the high-energy-tech-launch template.
Displays dynamic bar graphs and line charts within a browser-like UI, with numbers and text updating smoothly. Data bars grow horizontally, and line graphs draw themselves.
Utilize Remotion's <AbsoluteFill> and <Sequence> for layout. Implement <spring()> for bar width and line graph SVG path 'stroke-dashoffset' animations. Use <interpolate()> for number counting effects. Data can be passed as props.
Text appears with a subtle slide and fade, with specific keywords highlighted by a contrasting color or an animated underline/background fill.
Wrap text segments in <Text> components. Animate 'opacity' and 'transform' (translateY) using <spring()>. For highlights, use a conditional background color or an animated <Line> component for underlines, interpolating 'width' or 'stroke-dashoffset'.
A grid of glowing, interconnected circuit-like elements with light streaks moving across them, creating a sense of data flow and technological sophistication.
Render a grid of 3D-like squares using CSS transforms or a simple WebGL shader. Animate glowing lines or particles using <spring()> or <interpolate()> for their position and opacity. Consider a noise texture or a custom shader for the glow effect.
Purpose. Immediately establishes the product's core value proposition: achieving top ranking.
Execution. Bold, centered text 'Outbid your way to #1' with a strong visual emphasis on 'Outbid' and '#1'.
Purpose. Highlights the pain point of low visibility and presents the product as the direct solution.
Execution. Alternating between a laptop screen showing analytics (problem) and clean UI dashboards with feature explanations (solution).
Purpose. Reinforces the product's advanced capabilities and broad applicability.
Execution. Abstract glowing circuit animation paired with text about competing across multiple categories, followed by a strong 'Bid. Rank. Get seen.' impact.
Purpose. Provides social proof and a clear, urgent directive for user engagement.
Execution. Large, animating visitor count followed by a full-screen, high-contrast call to action with the product URL.
Objective
Launch an AI-powered project management tool called 'FlowState'.How the recipe adapts
The 'AnimatedDataDashboard' primitive will be adapted to show project progress charts and task completion rates. 'HighlightTextReveal' will emphasize key benefits like 'AI-driven insights' and 'seamless collaboration'. The 'AbstractCircuitGrid' will be re-skinned with blue and green tones to represent intelligent automation and interconnected workflows. The fast-cut pacing and energetic music will remain, but the voiceover will focus on productivity and clarity. The call to action will be 'Achieve FlowState' with a link to 'flowstate.app'.Scene durations (6 scenes, 30s)
Key Remotion components

Figma's Made in Figma 2025 reel, a showcase film of work designed in the tool.

An overnight film made by giving Opus 5.5 Donald's prompt, Midjourney, and a moodboard. The piece is titled Look 00.
The new Grok Bot icon animated entirely in code — every state, shape and expression morphs smoothly into the next. Made with Grok Build.