Code-based ads, Remotion and video templates
Code-based video describes a workflow in which code defines a composition and its animation. Remotion is a framework for making videos programmatically. Motionly offers a product-facing workflow for directing branded motion ads through a URL, brief and chat.
When to use this workflow
Developers and marketing teams choosing between maintaining a video codebase and using a video creation product.
A motion video example
An existing example from our public showcase, included to illustrate the visual style. The storyboard below is a separate sample brief you can adapt. Explore more videos.
What to bring
Decide what you need to own: the rendered asset, the editing workflow or the underlying source project. Identify whether your requirements include custom data, reusable React components or a rendering pipeline.
A storyboard you can adapt
Define the deliverable
A rendered video and a source-code template are different purchases and workflows.
Identify who maintains it
A developer-owned composition needs someone to maintain dependencies, assets and rendering.
Choose the editing process
Decide whether updates should happen in code or through the product's editing interface.
Verify the handoff
Check the actual file formats and usage terms before choosing a tool or template.
Copy this video brief
Replace the bracketed fields with your product details, then paste the brief into Motionly with your URL.
Create a branded motion ad for [URL]. The visual structure should be [scenes], with [text] and [timing]. Keep the result readable and consistent. I need a rendered video for [placement]; use chat revisions to adjust the composition.
Review before sharing
- The required output is clearly specified.
- Source ownership and template licensing are understood.
- Someone owns maintenance if the workflow depends on custom code.
What this workflow delivers
This is an explanatory guide. It does not claim that Motionly exports Remotion source projects or sells downloadable React templates. For a developer-owned Remotion project, consult the official documentation.
Choose a supported output format for the destination, then review the rendered video. See current plans and credits before starting a larger production run.
Common questions
Is a Remotion template the same as a video file?
No. A source template is a project that developers can adapt and render. A rendered video is the playback asset.
Do I need to code to create a Motionly ad?
The Motionly workflow described here uses a URL or brief and chat editing. You do not need to maintain a video codebase for that workflow.
Make a video for your product
Bring your URL and an adapted brief. Review the result, then refine it in chat.
Related video workflows
More help for your project