
ElevenLabs opens the Eleven Music API, trained on licensed data and cleared for commercial use in developers' products.
The Hook
“(No spoken dialogue — sustained, ethereal synth pad and deep sub-bass drone, pizzicato synths introduce rhythm)”
Product Reveal
“Today, we're opening the Eleven Music API, trained on licensed data and cleared for commercial use in developers' products. With the Eleven Music API, you can generate studio-quality, customizable music for any use case.”
Feature Teaser
“Whether you're building video game tracks, meditation apps, or online campaigns, Eleven Music is built in partnership with labels, publishers, and artists.”
Call to Action
“Start building today. ElevenLabs.io/music”
Synthesizable in Remotion · key components of the developer-api-showcase template.
Text or graphic elements appear with a gradient fill that animates across the surface, often accompanied by a subtle glow or outline. The gradient shifts colors or position during the reveal.
Utilize SVG filters for gradient fills and animate the 'x' or 'y' attribute of the 'stop' elements within a linearGradient. Apply a CSS 'text-shadow' or 'filter: drop-shadow()' for the glow, animating its opacity or spread. Use Remotion's 'interpolate' for smooth timing.
A central, in-focus card is flanked by two blurred, out-of-focus cards on either side. The central card often features a dynamic image or video, while the side cards provide context or a sense of breadth.
Implement three 'AbsoluteFill' or 'AbsolutePosition' components. The central component has 'filter: blur(0px)' and a 'scale(1)' transform. The side components have 'filter: blur(10px)' and 'scale(0.8)'. Animate the 'x' position and 'filter' property using 'spring' for a bouncy transition when the central card changes.
Lines of code appear as if being typed in a code editor, with syntax highlighting and a blinking cursor. The text content is revealed character by character or line by line.
Use a 'Sequence' component for each line of code. Within each sequence, animate the 'width' property of a 'div' containing the text to simulate typing, or use a custom component that renders characters one by one. Apply syntax highlighting via CSS classes. A blinking cursor can be achieved with an 'opacity' animation on a vertical bar.
Purpose. Hook the audience with an abstract visual, then immediately reveal the product name and its core offering.
Execution. Abstract gradient bars morph into the product logo, followed by a quick cut to a code editor demonstrating the API.
Purpose. Showcase the breadth of the product's capabilities across diverse use cases and creative styles.
Execution. A rapid montage of triptych cards, each depicting a different music genre generated by the API (gaming, meditation, fashion).
Purpose. Build trust by highlighting the professional quality and collaborative nature of the platform.
Execution. Visualizations of music structure (waveform) and text overlays emphasizing 'Partnership with labels' and 'artists'.
Purpose. Direct users to engage with the product and reinforce the brand identity.
Execution. Return to the code editor, then a clear display of the company logo and website URL.
Objective
Launch a new AI-powered code refactoring tool called 'SyntaxFlow'.How the recipe adapts
The GradientTextReveal primitive would be used for the 'SyntaxFlow' logo. The CodeEditorTypewriter primitive would demonstrate the tool refactoring code in real-time, showing before-and-after snippets. The TriptychCardStack would showcase different programming languages or IDE integrations, with each card representing a distinct use case like 'Python Optimization', 'JavaScript Linting', or 'VS Code Integration'. The overall dark theme and glowing accents would be maintained, with the primary accent color shifting to a vibrant blue or green to differentiate the brand.Scene durations (4 scenes, 39.3s)
Key Remotion components

xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.

Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
Agentic CLI for coding, building apps, and automating workflows.