{}

Original {fmt(orig)} {fmt(t)} / {fmt(dur)} FLUX 3 continuation +{fmt(Math.max(dur - orig, 0))}

; }; export const LoopClip = ({src, poster, borderRadius = "0.75rem"}) => { const videoRef = useRef(null); const [muted, setMuted] = useState(true); const toggleMute = e => { e.stopPropagation(); const v = videoRef.current; const next = !muted; setMuted(next); if (v) v.muted = next; }; const iconBtn = { position: "absolute", top: "0.9rem", right: "0.9rem", zIndex: 3, display: "inline-flex", alignItems: "center", justifyContent: "center", width: "2.4rem", height: "2.4rem", padding: 0, borderRadius: "999px", border: "none", background: "rgba(12, 14, 18, 0.62)", backdropFilter: "blur(6px)", color: "#fff", cursor: "pointer", transition: "background 160ms ease" }; return

; }; export const HoldToAnimate = ({image, video, alt = "", aspectRatio = "16 / 9", borderRadius = "0.75rem", label = "Hold to animate"}) => { const videoRef = useRef(null); const [playing, setPlaying] = useState(false); const [muted, setMuted] = useState(true); const [showStill, setShowStill] = useState(true); const play = () => { const v = videoRef.current; if (!v) return; setShowStill(false); const p = v.play?.(); if (p && typeof p.catch === "function") p.catch(() => {}); setPlaying(true); }; const pause = (reset = true) => { const v = videoRef.current; if (!v) return; v.pause?.(); if (reset) { try { v.currentTime = 0; } catch (e) {} setShowStill(true); } setPlaying(false); }; const onPressStart = () => play(); const onPressEnd = () => pause(true); const toggleMute = e => { e.stopPropagation(); const v = videoRef.current; const next = !muted; setMuted(next); if (v) v.muted = next; }; const iconBtn = { position: "absolute", top: "0.9rem", right: "0.9rem", zIndex: 3, display: "inline-flex", alignItems: "center", justifyContent: "center", width: "2.4rem", height: "2.4rem", padding: 0, borderRadius: "999px", border: "none", background: "rgba(12, 14, 18, 0.62)", backdropFilter: "blur(6px)", color: "#fff", cursor: "pointer", transition: "background 160ms ease" }; return

{ e.preventDefault(); onPressEnd(); }} onTouchCancel={onPressEnd} onKeyDown={e => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); playing ? pause(true) : play(); } }} style={{ position: "relative", display: "block", width: "100%", aspectRatio, borderRadius, overflow: "hidden", background: "#0c0e12", cursor: "pointer", userSelect: "none", WebkitTapHighlightColor: "transparent" }}>

; }; FLUX 3 supports different Modes based on your Usecase. This Page will give you an Overview about the different Modes and their Capabilites. ## Choose the right workflow

Workflow	Mode	Jump	Best for
Text-to-Video	`t2v`	Jump to section →	Generating a new scene from scratch
Image-to-Video	`i2v`	Jump to section →	Animating a still image
Keyframes	`i2v`	Jump to section →	Choreograph a shot through ordered frames
Video Continuation	`v2v`	Jump to section →	Extend existing Clips
Video Editing	—	Soon
Omni Reference	—	Soon

## **Text-to-Video** Describe the shot; FLUX 3 turns the prompt into a clip. Examples: ## **Image-to-Video** Start from a still image and describe how it should move. The source image sets the first frame; the prompt drives the motion. ## **Keyframes** Pass several stills as ordered keyframes and FLUX 3 interpolates one continuous shot that moves through each in turn. Each example shows the pinned input frames, then the interpolated result.

Start · 0:00

Key 2 · 0:03

Key 3 · 0:07

End · 0:10

Start

Key 2

Key 3

End

Start · 0:00

Key 2 · 0:03

Key 3 · 0:07

End · 0:10

Start · 0:00

Key 2 · 0:03

Key 3 · 0:07

End · 0:10

## **Video Continuation** Feed an existing clip and continue it. The original sets the motion, subjects, and look; the prompt guides how the shot keeps unfolding without a cut. ```text wrap theme={null} A herd of African elephants walks steadily toward the camera across a dry savanna beneath a huge hazy orange sunset, the animals growing larger in frame as the sun sinks lower behind them. ``` ```text wrap theme={null} An African penguin waddles across sun-warmed granite boulders behind swaying fynbos foliage, then hops down a rock shelf and pushes on between the boulders as the handheld camera follows. ``` ```text wrap theme={null} A low ground-level view of hiking boots and trekking poles stepping across a rocky alpine ridge continues, a second hiker's boots following through the frame as the misty peak looms beyond. ``` ```text wrap theme={null} A thundering close view of massive waterfall curtains pounds on continuously, mist billowing from the plunge pool as a faint rainbow arc glimmers in and out of the drifting spray. ``` ```text wrap theme={null} A giraffe in dry scrubland, framed through soft out-of-focus branches, surveys the plain and then begins an unhurried ambling walk across the frame behind the swaying foliage. ``` ```text wrap theme={null} A dark SUV drifting across a dusty construction flat in front of unfinished high-rises swings through another wide slide toward the camera, dust boiling off its tires as it powers past. ``` ## Workflow references Learn how to prompt FLUX 3 for action, camera movement, pacing, and cleaner shot logic. Direct dialogue, voiceover, ambience, effects, music, and the shape of a voice. Reference framing, angle, composition, movement, and focus language you can reuse directly in prompts. Text-to-video, image-to-video with keyframes, video continuation, and synchronized audio. Core prompting principles that still apply before you layer in motion and camera language. Use this when your workflow depends more on reference control than on pure generation. ## What to include in a strong video prompt 1. **Subject and action**: Who or what is moving, and what exactly happens. 2. **Camera direction**: Static shot, slow push-in, handheld follow, overhead drift, or rapid pan. 3. **Scene and atmosphere**: Environment, lighting, weather, time of day, and mood. 4. **Motion qualities**: Slow, abrupt, weightless, chaotic, precise, cinematic, documentary. 5. **Continuity constraints**: What must remain stable across the clip, especially for edits or extensions.