FlutterMotion

FlutterMotion lets you use any Flutter widget as a motion graphic, preview it instantly, and render it anywhere.

class ProductPromo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final frame = Video.frame(context);
    return Stack(children: [
      ProductCard(product: product),               // your app's own widget
      // ...
    ]);
  }
}

Why the widget matters

The line that matters in that snippet is the comment: your app's own widget.

Every promo video for a mobile app is a re-creation of the app's UI inside a video tool — rebuilt by hand in After Effects, and wrong the moment the real UI changes. If the video composes the actual widgets from the actual codebase, the promo is correct by construction and updates when the app does.

The frame is read from context, so a widget renders as a function of time without knowing anything about video. An existing widget usually needs no modification to appear in a composition.