What is motioncraft?

mrvaibhavbhardwaj/motioncraft — explained in plain English

Analysis updated 2026-06-24

★ 15TypeScriptAudience · developerComplexity · 3/5Setup · moderate

Mindmap

mindmap
  root((motioncraft))
    What it does
      Screen recording in browser
      Video editing in browser
      Gemini AI integration
    Tech used
      TypeScript
      Node.js
      Gemini API
    Known limits
      Minimal documentation
      AI role not explained
      No feature walkthrough
    Setup
      npm install
      Add Gemini API key
      Start dev server

mindmap root((motioncraft)) What it does Screen recording in browser Video editing in browser Gemini AI integration Tech used TypeScript Node.js Gemini API Known limits Minimal documentation AI role not explained No feature walkthrough Setup npm install Add Gemini API key Start dev server

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Record your screen in a browser tab and edit the resulting clip without installing a desktop application.

USE CASE 2

Explore how to wire the Gemini AI model into a browser-based video recording and editing workflow as a starting reference.

What is it built with?

TypeScriptNode.jsGemini API

How does it compare?

	mrvaibhavbhardwaj/motioncraft	ceelog/openweread	ellismosss/strip-silence
Stars	15	15	15
Language	TypeScript	TypeScript	TypeScript
Setup difficulty	moderate	moderate	hard
Complexity	3/5	2/5	2/5
Audience	developer	developer	general

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires a Gemini API key from Google, without it the AI-powered features will not work.

So what is it?

Motioncraft is described as an open-source screen recorder and video editor that runs in a web browser. The repository is written in TypeScript and uses Node.js. The README is very brief and provides only setup instructions: install dependencies with npm, add a Gemini API key to a local configuration file, and start the development server. The inclusion of a Gemini API key suggests the tool uses Google's Gemini AI model for some part of its functionality, though the README does not explain what the AI does within the screen recording or editing workflow. Beyond the project description and setup steps, the repository does not document its features, intended use cases, or how the screen recording and editing tools work. The screenshots referenced in the README were not included in the source data provided here.

Copy-paste prompts

Prompt 1

I have Motioncraft running locally. How do I start a screen recording session and export the finished video as an MP4 file?

Prompt 2

The Motioncraft source uses the Gemini API. Help me find the file where the API is called and explain what the AI does in the recording workflow.

Prompt 3

I want to add a Gemini-powered auto-caption feature to Motioncraft. Show me where in the TypeScript source to add the new API call.

Frequently asked questions