$4.99Inputs Converge To One Motion Clip
Turn three content sources into one clear editorial outcome in a short, editable b-roll animation. Designed for publishing recaps, educational explainers, and series transitions.
Cost Cards To Range Motion Clip
A focused motion clip for turning several cost cards into one understandable range. It pairs editorial typography with calm card movement, a controlled gradient accent, and an editable local render for educational or publishing workflows.
What you get
- A 6–12 second wide MP4 b-roll clip
- Animated cost cards arranged from low to high
- A clear range reveal with editable values
- Minimal editorial typography and spacing
- Locally rendered HTML/CSS source composition
Good fit
- Explaining a budget spread in an educational post
- Adding a polished pricing b-roll insert to a social edit
- Keeping a recurring content series visually consistent
Not for
- Detailed financial dashboards
- High-energy product launch graphics
- Claims requiring verified market data
What you provide
- Cost labels and amounts
- The intended takeaway or range
- Optional closing phrase
- Any required contrast constraints
Requirements
- Node.js 20+
- FFmpeg
- Chromium (npx playwright install chromium)
Running cost
No external services or generation models. Renders locally.
Try this prompt
/sl-cost-cards-to-range-motion-clip Create a 9-second 16:9 video for fictional Cost Cards. Open with “What does the work cost?” Show Research at $240 and Drafting at $480, then count up from $240 to $720 with “From $240 to $720” and “ USD”. Close with “Plan the full effort: $240 to $720.” Use a calm, minimalist gradient ledger style.
Follow-up prompts
- Change the cards to a three-stage course production estimate and keep the same timing.
- Make the range reveal slower and increase the label size for mobile-first social cropping.
- Replace the closing line with a concise question for an educational post.
Verification
Verified
| render-check | pass | 5.0 / 5 | 277s |
FAQ
Can I change the amounts after the clip is made?
Yes. The card labels, amounts, range endpoints, accent color, and closing line remain editable in the HTML/CSS composition before the local MP4 render.
Does this use an image or video generation model?
No. The clip is built from deterministic HTML/CSS scenes and rendered locally, which keeps the layout repeatable and easy to revise.
How many cost cards should I provide?
Three to five cards works best. That gives the animation enough information to establish a range while preserving the airy composition and readable pacing.
Similar skills
$4.99
$4.99Keyword Cloud To Conclusion Motion Clip
A focused editorial b-roll animation that gathers a small set of keywords into a clear, high-contrast conclusion. It uses a sparse grid, humanist typography, restrained motion, and one accent color for educational posts, social explainers, and recurring content series.
$4.99Paired Result Swap Motion Clip
A wide editorial b-roll clip that makes a two-result comparison easy to scan, then swaps emphasis to reveal the stronger outcome with precise, reusable motion.
$4.99Chat Response Presenter Motion Clip
Turn one audience question into a crisp, typographic response clip for educational posts and short-form publishing. The editable composition reveals an answer line by line on a minimal white canvas.
$4.99Response Line Spotlight Motion Clip
A focused wide b-roll animation for turning one response or teaching point into a polished editorial moment. It uses restrained type movement, a single accent, and a reusable end frame so social creators can publish consistent series content quickly.
$4.99Echo Burst Statement Motion Clip
A restrained editorial motion clip for turning one clear idea into a memorable publishing beat. Dark space, heavy grotesk type, and a single amber glow create a premium, series-consistent b-roll moment.
$4.99Column Annotations Motion Clip
Make a concise educational b-roll clip in a minimalist editorial style, using aligned columns, fine rules, and precise annotations. The locally rendered MP4 and editable HTML/CSS keep the motion polished and easy to adapt for a publishing series.
$4.99Anchored Callout Reveal Motion Clip
A short editorial b-roll clip that reveals a focused annotation from a fixed typographic anchor. Built for creators who need a repeatable visual cue for teaching points, with editable source files and a locally rendered MP4.