Template centerDemo

Mac Desktop

The whole film is a Mac desktop: app windows, flip boards, notifications and cursor clicks, full-screen flip transitions between chapters, and the presenter in a video-call style window. Prelaunch talking-head demo. Feedback welcome.

Share
Full template

A cohesive set of composable animation and motion components for creating an entire video around your content.

PREVIEWdefault4:3

See 1 real test case →

About this template

Creative structure

The entire film is a Mac desktop: wallpaper, a menu bar with a chapter route map, the Dock, desktop file icons and the presenter in a video-call style camera window. Content appears through app windows, dark flip boards, notifications, cursor clicks and train-station metaphors, with full-screen flip transitions between chapters and bilingual word-by-word captions.

Demo specifications

1440 × 1080 · 4:3 · 60fps · 230.02s · −15 LUFS

Chinese narration · Chinese and English subtitles

Demo notes

The demo is the author's original film; the template is distilled from it, so you can swap in your own talking-head video, subtitles and music to produce the same style. The template contains 55 shot types.

Command preview

The template package is not available for download yet. The commands below preview how it will be used once released and cannot run on their own.

node runtime/entry.mjs doctor
node runtime/entry.mjs --instance <instance> compose --video media/talk.mp4 --srt media/talk.srt --music media/bgm.mp3 --out film.json
node runtime/entry.mjs --instance <instance> check-params --inputs film.json
node runtime/entry.mjs --instance <instance> plan --inputs film.json --out plan-v1.json
node runtime/entry.mjs --instance <instance> preview --plan plan-v1.json --out preview-v1
node runtime/entry.mjs --instance <instance> render --plan plan-v1.json --out video-v1.mp4
Show 1 more sections

Shot library

  • talk: Presenter in a camera window
  • title: Opening flip-board headline
  • chatPlay: Open a video in chat (insert)
  • contact: Contacts card
  • calendar: Calendar lights up day by day
  • terminal: Scrolling terminal log, day and night flash
  • invoice: Invoice PDF with stamp
  • notify: Notification banners (overlay)
  • counter: Flip-digit counter
  • comments: Screenshot-card waterfall
  • thanks: Thank-you flip board, floating hearts
  • replay: Player rewind and compare flip-board
  • stillBoard: Full-screen letter-by-letter flip board
  • sign: Station sign slams in
  • phonePlay: Phone mirror plays a video (insert)
  • ticketInfo: Ticket-style info with price flip and stamp
  • profileGrid: Phone profile grid scroll
  • platform: Platform monitor: same starting line, then waiting
  • spotlight: Spotlight search typing (overlay)
  • halfFlip: Half-flipped giant tile (overlay)
  • agents: Several agent windows cooperating
  • chatShot: Chat screenshot with highlights
  • bigWords: Big flip-board keywords with ticks
  • rating: Rating flip and ability bar
  • shock: Giant-word impact
  • express: Express train with passengers
  • timetable: Question rain and three-row timetable
  • smash: Rules crack, rice bowl shatters (overlay)
  • bigTrain: Giant locomotive crosses the desktop
  • facts: Fact cards slide in
  • wakeUp: Wake-up call, alert, trend chart
  • identity: "You are..." identity flip
  • opposite: Opposite platform, rebuttals and a cross
  • seats: Hundred-seat chart: top N%
  • sequence: Flip board changes phrase after phrase
  • overtake: New train overtakes the old (overlay)
  • fastClock: Fast-forward clock (overlay)
  • gate: Train stops, gate closes (overlay)
  • depart: Train departs with the presenter window (insert)
  • wallet: Ticket card in a wallet
  • wordFlip: Big flip tiles swap words
  • transfer: Transfer map where lines meet
  • ranking: Ranking flip: two swap places
  • files: File icons fan out
  • milestone: Milestone counter and avatar wall
  • bloggers: Example-people card wall (insert)
  • station: Station sign, typing, stamped prompt
  • folderCount: Finder folders appear, Nth one
  • showcase: Feature tour (insert)
  • download: File flies into the Dock (overlay)
  • correction: "Wrong!" self-correction (overlay)
  • equal: Two cards joined by an equals sign (overlay)
  • trainPass: Train passes along the bottom (overlay)
  • bye: Cursor closes the camera window (overlay)
  • ticket: End ticket with link, steps and screenshot (insert)

More Narrated videos

View all

More templates by @adunext

Profile