$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.
Focus Bars Motion Clip
Turn a focus message into a short, editable b-roll clip. Three aligned bars shift from competing demands toward one clear priority, using restrained typography, fixed dot markers, and a single accent color.
What you get
- A locally rendered wide MP4 for social video edits
- Editable HTML/CSS composition with replaceable text and values
- A consistent four-beat structure for related clips
Good fit
- A transition in an educational short about attention
- A recurring visual beat in a productivity series
- B-roll beneath narration about prioritizing work
Not for
- Presenting illustrative bars as verified statistics
- A product demonstration that needs screen recordings
What you provide
- The message the clip should convey
- Three short labels and illustrative before/after values
- Closing series name and line, if needed
Requirements
- Node.js 20+
- FFmpeg
- Chromium (npx playwright install chromium)
Running cost
No external services or generation models. Renders locally.
Try this prompt
/sl-focus-bars-motion-clip Create a 9-second 16:9 educational clip for Daily Practice about focusing on one thing. Open with “ONE THING AT A TIME” and “A clearer way to begin”; show Tabs, Alerts, and Focus shifting from 85/70/25 to 20/15/90, titled “BEFORE: SCATTERED” and “AFTER: INTENTIONAL”; close with “Daily Practice” and “Make room for one thing.” Use the Single Point Focus style.
Follow-up prompts
- Keep the motion and layout, but make the closing line "Protect the next hour."
- Render a second clip in the same style about choosing one task, with updated labels and illustrative values.
Verification
Verified
| render-check | pass | 4.0 / 5 | 42s |
FAQ
Are the bar values presented as real data?
No. They are an illustrative motion device unless you provide verified figures and the context needed to label them accurately.
Can I revise the wording after rendering?
Yes. The delivered HTML/CSS source keeps labels, values, and closing text editable for a new render.
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.