whatisgithub

What is reframe?

mrdoob/reframe — explained in plain English

Analysis updated 2026-05-18

★ 54JavaScriptAudience · generalComplexity · 1/5Setup · easy

In one sentence

Reframe is a browser tool for framing a video clip with rounded corners, a border, and a shadow on a square canvas, then exporting it as an MP4.

Mindmap

mindmap
  root((reframe))
    What it does
      Frame video
      Rounded corners
      Drop shadow
      Export MP4
    Tech stack
      JavaScript
    Use cases
      Screen recording share
      Social media clips
    Audience
      Content creators

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Turn a phone screen recording into a polished square video for sharing on social media.

USE CASE 2

Add a custom background image or color behind a video clip.

USE CASE 3

Apply rounded corners, a border, and a drop shadow to a video before exporting it.

What is it built with?

JavaScript

How does it compare?

mrdoob/reframeahouseofbards/bonfire-jellyprofilesevaildev/noschibsgiven
Stars545454
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasymoderateeasy
Complexity1/53/51/5
Audiencegeneralops devopsgeneral

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

How do you get it running?

Difficulty · easy Time to first run · 5min

Runs directly in the browser at the project's GitHub Pages link, no install needed.

No license information is provided in the README, so usage rights are unclear.

So what is it?

Reframe is a browser-based tool for adding a polished frame around a video clip and saving the result as an MP4 file. It was built specifically for dressing up phone screen recordings, placing the video on a square canvas with styling options such as an inset, rounded corners, a border, a drop shadow, and a custom background color or image. You use it by dragging your video file onto the canvas, optionally dragging in a background image, adjusting the framing controls in a side panel, and clicking Export MP4. Audio is not preserved in the output. The README is quite short and describes only these core features, with no mention of installation since it runs directly in the browser at the project's GitHub Pages link.

Copy-paste prompts

Prompt 1
How do I use Reframe to frame a phone screen recording and export it as an MP4?
Prompt 2
What styling options does Reframe offer for the video border and background?
Prompt 3
Does Reframe preserve audio in the exported video file?

Frequently asked questions

What is reframe?

Reframe is a browser tool for framing a video clip with rounded corners, a border, and a shadow on a square canvas, then exporting it as an MP4.

What language is reframe written in?

Mainly JavaScript. The stack also includes JavaScript.

What license does reframe use?

No license information is provided in the README, so usage rights are unclear.

How hard is reframe to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is reframe for?

Mainly general.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?