NodaroAccount
Nodaro Docs
DocumentationNode ReferenceModelsTemplatesAI Agents (MCP)DevelopersSelf-hostingResearchCompare
Video

Motion Graphics

Describe a lower third, title card or kinetic typography and an AI model animates it in 2D, as editable Lottie with free color and text edits, up to 60 seconds.

The Motion Graphics node creates 2D animated graphics from a description: lower thirds, title cards, kinetic typography, animated shapes and line animations. An AI model designs the graphic and the settings panel previews it. Connect the result to Render Video for a video file, or place it over your footage with Lottie Overlay.

When to use it

  • You need an animated lower third with a name and a role for an interview or a presentation.
  • You need a title card, an intro, an outro or a call-to-action end card.
  • You want kinetic typography from a quote or from lyrics.
  • You want shape and line animations for an explainer video.
  • You want a transparent graphic, such as a subscribe reminder or a sale badge, to lay over other video.

Quick start

Add the node

Press Tab on the canvas and choose Video › Titles, Graphics & Captions › Motion Graphics.

Describe the graphic or choose a preset

In the settings panel, write the graphic under Motion Graphics Prompt. Put the exact words in quotes, for example modern lower third, "John Smith - CEO", pink accent, white text, snappy. You can also choose a factory preset, such as Lower Third or Title Card.

Check the frame

Under Settings, check Duration (s), Aspect Ratio and Background Color. Keep the transparent background for an overlay, or choose a solid color for a standalone card.

Run it

Click Run. The preview in the settings panel plays the graphic. On the Lottie engine, the Slots section then lists what you can edit for free.

Use the result

Connect Composition to Render Video for a video file. To place the graphic over a video, connect Lottie JSON to the Lottie input of Lottie Overlay.

lottievideocompositionMotion GraphicsLower Third presetUpload VideoInterviewLottie OverlayFull-Canvas GraphicRender Video
A lower third from Motion Graphics is placed over an interview by Lottie Overlay, then rendered.

Inputs

InputAcceptsWhat it does
VideoVideo nodesOptional context. The node creates the graphic from the prompt and does not need an input to run.

Outputs

OutputWhat it carriesConnect it to
CompositionThe motion graphics planRender Video, to get a video file
Lottie JSONThe authored Lottie animation. Lottie engine only.The Lottie input of Lottie Overlay, to place it over a video

Settings

SettingWhat it does
EngineLottie (AI-authored) or Classic (elements). New nodes start on Lottie. See Which engine to choose.
AI ModelThe language model that designs the graphic. The default is Claude Sonnet 5.5. The call is charged for the tokens it used, at the model's rate.
Reasoning EffortShown for models that can reason. The default is Auto (model default). A level has no price of its own: a higher level usually writes more tokens, and those tokens are charged.
Advanced modeGemini and Claude models. Unlocks Temperature, Max Tokens and the full reasoning range. The call then runs on the maker's own service and is charged at that service's rate. On a Claude model, choosing any Reasoning Effort runs the model the same way, at the same rate.
Motion Graphics PromptThe description of the graphic. The info button next to the field opens a short prompt guide.
FPS24, 30 or 60 frames per second. The default is 30. Under Settings.
Duration (s)From 1 to 60 seconds. The default is 5. Under Settings.
Aspect Ratio16:9 (the default), 9:16, 1:1 or 4:5. Under Settings.
Background ColorAn 8-digit hex color with transparency. The default, #00000000, is fully transparent. Under Settings.
Pre & post textText added before and after the prompt at run time. It is hidden from people who use your workflow as an app. See Prompt pre and post text.

Which engine to choose

Lottie (AI-authored)Classic (elements)
What the model writesA complete Lottie animation with named, editable slotsA compact list of texts, shapes, lines and transitions
MotionRicher, hand-animation styleSimpler and fast
RunA background job; the preview updates when the plan is readyReturns at once
Free edits after the runYes, in SlotsNo
Lottie JSON outputYesNo
CreditsUsually more, because the model writes a much larger animationUsually less on the same model

The engine does not change the downstream steps: both engines return a composition for Render Video.

Rules for Lottie animations

  • Vector only. The animation cannot contain images. Shapes, paths, gradients and text all work. A plan that uses images is rejected and generated again.
  • Expressions are removed. Nodaro strips Lottie expressions from every plan for security.
  • Twenty fonts. Text uses a list of 20 web fonts. A font outside the list is replaced with Inter.
  • Size limits. A plan can have up to 50 layers and 128 KB. A larger plan is rejected.

On the Classic engine, the fonts come from a curated set. Describe the style you want in the prompt, such as "modern sans-serif" or "elegant serif".

Edit slots for free

A Lottie graphic has named slots, such as a main color, a name or a headline. After a run, the Slots section below the preview lists them:

  • Colors show a color picker.
  • Texts show a text field.
  • Numbers and points show number fields.

Each slot shows a reset control after you change it. Slot edits change the existing animation in place: they cost no credits, do not regenerate the graphic, and the preview updates as you type. When you run the node again, the model keeps the same slot names, so your edits survive the new version.

Slots in published apps. When you add the node as an input in the publish dialog, each slot becomes an editable field in the published app and in presentation mode. The people who use your app can change these colors, texts and numbers on every run, for free. See Apps.

Factory presets

Motion Graphics ships 22 factory presets in six folders. They all use the Lottie engine.

FolderPresets
Titles & TextLower Third, Title Card, Kinetic Typography, Quote Card, End Card (CTA)
Intros & LogosLogo Sting, Channel Intro, Countdown
Social & CTASubscribe Reminder, Like + Follow Bug, Sale Badge, Story Highlight
UI & IconsLoader / Spinner, Success Check, Error Cross, Progress Bar, Notification Pop
FX OverlaysConfetti Burst, Sparkle Shimmer, Speed Lines
BackgroundsGradient Blob Loop, Geometric Pattern Loop

Each preset is a full art-direction brief. It sets the prompt, the engine, the aspect ratio, the duration and the background, and it names the slots it exposes. Overlay presets use a transparent background. Standalone presets, such as title cards, the intro, the countdown and the backgrounds, use an opaque dark background. Text slots hold placeholder copy, such as "Jane Doe" or "SUBSCRIBE", for you to retype.

Choosing a preset replaces the prompt and those settings, and clears any animation the node made before. See Presets.

Credits

Motion Graphics costs credits in two steps:

  1. Designing the graphic. The design is one call to the AI Model, charged for the tokens it actually used, at the model's rate. The tokens are your prompt and the plan or animation the model writes. The Run button shows an estimate (≈ and a number) of a typical run for the engine and model you chose. See How LLM calls are charged.
  2. Rendering it. Render Video costs 55 credits per render on Nodaro Cloud.
  • A Lottie run usually costs more than its estimate. The Lottie engine writes a much larger animation than the Classic engine, so it uses more tokens on the same model. When the first animation fails validation, the engine asks the model once more to repair it, and the repair call is charged too.
  • Reasoning Effort has no price of its own. A higher level usually writes more tokens, and those tokens are charged. On a Claude model, any effort runs the call on Anthropic's own service, at that service's rate.
  • Failures. A failure that the model's maker billed, such as an answer cut off at the limit or an animation that never passed validation, is charged for that usage, and the error says how much. A failure that was not billed is refunded.

Slot edits are free.

Tips

  • Put exact words in quotes. "John Smith - CEO" gives you that text instead of copy the model invents.
  • Name the style, the colors and the feel. For example: modern, minimal, neon, corporate or elegant; "pink accent, white text"; snappy, smooth or cinematic.
  • Use the right length. 3 to 5 seconds suits a lower third, and 5 to 10 seconds a title card. Kinetic typography can run longer.
  • Keep overlays transparent. Leave Background Color at #00000000 for anything that goes over other video.
  • Chain nodes for long sequences. The maximum is 60 seconds per node.
  • From the API. The API's default engine is Classic. Set the engine to Lottie in the request for the Lottie engine.

Frequently asked questions

Should I use the Classic or the Lottie engine?

Use Lottie, the default for new nodes, for richer, hand-animated motion and for slots you can edit for free after the run. Use Classic for quick, simple graphics built from text, shapes and lines. Classic returns at once, and it usually costs less, because the model writes a much smaller plan.

Can I change the text or the colors without paying again?

Yes, on the Lottie engine. After a run, the Slots section of the settings panel lists the graphic's named colors, texts and numbers. Editing them costs no credits and does not regenerate the animation.

How do I put a lower third over my video?

Make the lower third with the Lottie engine and a transparent background. Connect its Lottie JSON output to the Lottie input of a Lottie Overlay node that also receives your video, then render the overlay with Render Video.

Why is the background of my graphic empty?

The default Background Color is fully transparent, so the graphic can sit on top of other video. Set an opaque color for a standalone title card.

How long can a motion graphic be?

Up to 60 seconds. For a longer sequence, make several graphics and join the rendered clips.

Last updated on

On this page