Live demo

This isn’t a video or a recording — it’s an @onda-engine/react composition rendered live, right here in your browser by the GPU engine (Vello over WebGPU), with a CPU fallback when WebGPU isn’t available. It’s the very same scene graph that onda export would write to a PNG, GIF, or MP4.

Press play, drag the scrubber, let it loop. The badge in the corner shows which backend is active.

How it’s built

The scene is plain @onda-engine/react — a backdrop, a vector <Path> wave, a pulsing <Ellipse>, two spring-animated <Text> titles played back-to-back with <Series>, and a gradient underline that wipes in through a clip mask:

<Composition width={1280} height={480} fps={30} durationInFrames={150}>
  <Rect width={1280} height={480} fill="#0e0e12" />
  <Wave />
  <Pulse />
  <Series>
    <Series.Sequence durationInFrames={75}>
      <Title label="Motion at GPU speed" />
    </Series.Sequence>
    <Series.Sequence durationInFrames={75}>
      <Title label="No browser." color="#d96b82" />
    </Series.Sequence>
  </Series>
  <Underline />
</Composition>

The browser preview uses the WebAssembly build of the engine; on the server or CLI the same composition renders through the native Rust engine — identical output, no Chromium. See Rendering & export and Backends.