Product Demo Video – 3D Keycap B-Roll Template

Free

Keycap Cuts

About this template

A reel of camera moves on a blue 3D keyboard: macro passes over logo keys, low angles and a sticker burst.

Download a 3D keyboard B-roll animation: macro passes over app logo keys, low camera angles and a sticker burst. Put your logos on the keys in CoAnimator.

How to use this template

  1. Download the project. The .coa file is the whole editable project (2.0 MB).

  2. Open it in CoAnimator. Double-click the file, or choose Open .coa in the launcher. You need the desktop app: Download CoAnimator.

  3. Ask your agent. Open the agent chat in CoAnimator and describe the change, or paste the prompt below.

  4. Export. Pick the size and frame rate, then export your MP4.

A prompt to start with

I'm editing the “Keycap Cuts” template in CoAnimator: A reel of camera moves on a blue 3D keyboard: macro passes over logo keys, low angles and a sticker burst. Change the text to your words, use our brand colors hex codes, and keep the motion and timing as they are. Then export it as a 16:9 MP4.

More ideas

  • “Replace the screens with screenshots of our app”
  • “Change the product name and the closing call to action”
  • “Make a 9:16 version for Reels and TikTok”
  • “Cut a 6-second version for ads”

More cuts

Cut g20 s · 16:9
Need a short piece to drop in?Browse logo animations →

FAQs

What is the Keycap Cuts template?

Keycap Cuts is a free product demo video template from CoAnimator. A reel of camera moves on a blue 3D keyboard: macro passes over logo keys, low angles and a sticker burst. It runs 25.6 s at 60 fps in 16:9 (1920×1080), and downloads as an editable .coa project at coanimator.com/templates/keycap-cuts.

How do I edit Keycap Cuts with AI?

Download the Keycap Cuts .coa project, open it in CoAnimator and ask your coding agent (Claude Code, Codex or Antigravity) for the change in plain words: new text, your brand colors or a different length. CoAnimator renders the result as an MP4 on your own machine.

What can I change in Keycap Cuts?

Anything in the Keycap Cuts project: the words, colors, fonts, images, timing, length and format. It is built in code, so a coding agent can change any part of it.

Can I put my own app screenshots into a product demo video template?

Yes. Add your screenshots or screen recordings to the CoAnimator project and ask your agent to place them in the device frames and scenes. It keeps the camera moves and the timing.

Does Keycap Cuts have sound?

No, Keycap Cuts is silent. Add music or sound effects on the CoAnimator timeline, or ask your agent to add them.

What is a .coa file and how do I open it?

A .coa file is a complete CoAnimator project in one package: the code, assets and timeline. Double-click it, or choose Open .coa in the CoAnimator launcher. CoAnimator is a desktop app for macOS, Windows and Linux, free to download.

More product demo & launch video templates