Cookbook
You know what you want. This page points you straight at it. Each recipe is one task with the shortest path to a working result. For the full story behind a recipe, follow its guide link.
If you would rather learn in order, start with your first video and the twelve runnable lessons in the example app.
Text and motion
Section titled “Text and motion”- Fade or slide a title in. See Animating elements for the one motion list and the preset menu.
- Type text out like a terminal. Use
Typewriter; see Text and typography. - Count a number up. Use
Counter; see Charts and data. - Stagger a list of items. Use
Stagger; see Animating elements.
Scenes and timing
Section titled “Scenes and timing”- Play scenes one after another. See Scenes and transitions.
- Wipe or fade between scenes. Use
Transition; see Scenes and transitions. - Start an animation when another finishes. Use a
Triggerand anAnchor; see Timing and triggers. - Carry one element across a scene cut. Use
SharedElement; see Scenes and transitions.
- Show a photo or a logo. Use
Image; see Images and video clips. - Embed an existing video clip. Use
Clip; see Images and video clips. - Pan and zoom across the frame. Use
Camera; see Scenes and transitions.
Data and developer scenes
Section titled “Data and developer scenes”- Reveal a bar, line, or pie chart. See Charts and data.
- Show typed, highlighted code. Use
CodeandCodeReveal; see Code and terminal videos. - Animate a code diff. See Code and terminal videos.
- Render a Mermaid diagram or a web page. See Diagrams and web views.
Audio and captions
Section titled “Audio and captions”- Add a music bed or a sound effect. Use
Audio; see Audio and captions. - React to the beat. Use beat detection; see Audio and captions.
- Burn in subtitles from an SRT or VTT file. Use
Captions; see Audio and captions.
Look and feel
Section titled “Look and feel”- Brand a video from one palette. Use
FluvieTheme; see Theming. - Add grain, particles, or a shader. See Shaders and effects.
- Reuse one design across data rows. Use a template; see Templates.
Export
Section titled “Export”- Render to MP4, GIF, an image sequence, or transparent WebM. See Exporting your video.
- Export the same video as reels, square, and landscape. Use
Adaptive; see Multi-aspect. - Write a poster frame. Pass
--poster; see Exporting your video. - Render in CI or on a server. See Rendering on a server.
Let AI do it
Section titled “Let AI do it”- Author a whole video from a prompt. See AI and MCP.
- Refine a video by describing the change. See AI and MCP.
Where to next
Section titled “Where to next”- Animating elements: the motion model in full.
- Cheatsheet: the whole public surface on one page.
- FAQ: the questions newcomers ask first.