Skip to content

Browser-based motion studio

Frame Studio turns a flat screenshot into a cinematic motion video, with camera, lighting and reflections included. No install, no render queue, no keyframes.

Frame Studio: turn screenshots into motion videos

Free tier includes the whole editor. You upgrade to drop the watermark, not to unlock the useful half.

The editor

Scenes on the left. Inspector on the right. A real timeline underneath.

1920 × 108060 fps

The idea

A product video used to mean a motion designer, an invoice, and a week. Frame Studio collapses that into a screenshot, a camera move, and about two minutes, rendered on your own machine, so nothing you haven't shipped yet ever leaves it.

934 families

Hand-tuned camera paths: orbits, parallax pushes, tilts and locked-off hero holds. Each one has its own timing and easing.

4K

4K (2160p) · 60fps

H.264 MP4 or WebM, encoded locally through WebCodecs. No queue.

Frames

16:94:31:13:49:16

12 platform presets across 5 ratios.

6

HDR sets

  • Studio
  • Sunset
  • Night
  • Rooftop
  • Sky
  • Snow

What's inside

A motion studio that fits in a browser tab.

Everything a product video needs: camera, lighting, optics, type and sound, with none of the parts that make video software feel like video software.

00193 cinematic motions

Three kinds, one library. 40 single-plane camera moves — orbits, parallax push-ins, tilts, hero holds. 40 multi-plane compositions that arrange several images at once. 13 loops that never stop. Click one and it is already animating.

OrbitPush-inTiltHero hold
002Several images, one shot

Multi-plane compositions put 13 arrangements at your disposal — side by side, stacked, three columns, a six-tile grid, a feature panel with smaller ones beside it, or an angled marquee. Every panel is exactly your chosen aspect, and drag a divider to re-proportion it.

003Loops that never cut

13 compositions that move forever: Carousel, Flip, Wheel, Grid, Spiral, Stack, Scatter. Drop in a gallery and it is dealt round the cards, repeating to fill them. Speed is its own control, independent of clip length, and the editor tells you when the clip ends on a whole turn so the export loops without a jump.

004Images and video, both

Drop a screenshot, a mockup, a design export, or a screen recording. 6 image formats and 5 video formats map straight onto the 3D surface.

PNG · JPG · WebPMP4 · MOVAny ratio
005A real timeline

Chain motions into a sequence. Trim, reorder, duplicate, and re-time clips, with undo/redo and keyboard shortcuts. Your timeline survives a page reload.

TrimReorderUndo / redoPersists
006HDR studio lighting

Six HDR environments (Studio, Sunset, Night, Rooftop, Sky, Snow) light the scene and cast real reflections. Rotate the environment, soften it, or dial the reflection strength down to nothing.

StudioSunsetRooftopReflections
007Cinematic optics

Depth of field with focus and aperture control, ACES tone mapping, vignette, and a soft backdrop shadow. These are the details that separate "rendered" from "filmed".

Depth of fieldACESVignetteShadow
008Animated captions

Add text per clip or across the whole video, with slide-in directions, colour, and an adjustable glow. Set once, apply to all.

Per clipGlobalSlide-inGlow
009Music that lands

Drop an audio file, trim it to the segment you want, and it is encoded into the exported MP4 as AAC, already in sync with the video.

ImportTrimAAC muxed
010Frame it for anywhere

12 platform presets and 5 aspect ratios, plus background colours, gradients, images, video, blur, borders, and corner radius.

12 presets5 ratiosGradientsBlur
011Export on your machine

Up to 4K (2160p) at 60fps, H.264 MP4 or WebM, encoded locally through WebCodecs. Optional accumulation motion blur, and transparent PNG stills. No upload, no render queue, no watching a progress bar in someone else's cloud.

MP4 · H.264WebMUp to 4K60fps

The motion library

93 motions, in three kinds.

44 free49 with Pro
0140 motions

Single

One image, one camera move. Slow parallax drifts, steep social arcs, directional entrances, and locked-off hero angles that barely travel at all.

Motion 17Dynamic 9Slide 8Static 6
0240 motions

Multi

Several images in one shot, arranged and moved together. Every panel is exactly the aspect ratio you picked, so nothing is letterboxed into a slot the wrong shape.

13 layoutsGridsFeature panelsMarquee
0313 motions

Loops

Compositions that never resolve. Drop in a gallery and it is dealt round the cards; set the speed independently of the clip, and the export loops without a cut.

CarouselFlipWheelGrid

The process

Four steps. No keyframes in any of them.

The shortest path between a screenshot sitting in your downloads folder and a video you're happy to put on a landing page.

00:0000:1500:3000:4501:00
  1. 01Drop your media
  2. 02Pick a motion
  3. 03Make it yours
  4. 04Export
01

Drop your media

Drag a screenshot, mockup, or screen recording onto the canvas. It becomes a 3D surface instantly.

02

Pick a motion

Choose from 93 motions — one plane, several, or a loop that never stops. The preview animates as you click, so you are choosing by eye, not by name.

03

Make it yours

Set the frame, background, lighting, and depth of field. Add captions and a music track. Chain more clips onto the timeline.

04

Export

Choose a resolution up to 4K (2160p) and hit export. Encoding happens on your machine, and the file lands in your downloads.

Every format

One asset. Every frame it has to fit.

5 export ratios and 12 named platform presets. Reframing is a dropdown, not a re-edit, so the vertical cut actually gets made.

SaaS dashboard animated with Motion 06 · Orbit, lit by the Studio environment, framed 16:9.16:9
SaaS dashboardMotion 06 · Orbit · Studio
Feature launch animated with Slide 04 · Directional, lit by the Rooftop environment, framed 1:1.1:1
Feature launchSlide 04 · Directional · Rooftop
Mobile app animated with Dynamic 03 · Push-in, lit by the Sunset environment, framed 9:16.9:16
Mobile appDynamic 03 · Push-in · Sunset
Story / Reel animated with Motion 12 · Slow rise, lit by the Sky environment, framed 9:16.9:16
Story / ReelMotion 12 · Slow rise · Sky
Code editor animated with Static 02 · Hero hold, lit by the Night environment, framed 16:9.16:9
Code editorStatic 02 · Hero hold · Night
Landing hero animated with Motion 01 · Parallax, lit by the Snow environment, framed 16:9.16:9
Landing heroMotion 01 · Parallax · Snow

The part people miss

The frame and the surface are two separate things.

The frame is the video you export. The surface is the shape of the plane inside it. You set them independently. That is how a widescreen dashboard goes into a vertical TikTok frame without being cropped to ribbons.

Wide · 16:9
Desktop · 1920 × 1080
Plane · 3:2
Tablet · 1500 × 1000
Square · 1:1
Social · 1080 × 1080
Vertical · 9:16
Mobile · 1080 × 1920
Frame 9:16 · Surface 16:9Desktop app in a TikTok frame
Frame 16:9 · Surface 9:16Mobile screen in a YouTube frame
Frame 1:1 · Surface 3:2Tablet view in a square post

Presets

Sized for where it's going.

Pick the destination and the frame is already correct. No looking up dimensions, no exporting twice because the safe area was wrong.

  • YouTube1920 × 1080 · 16:9
  • YouTube Short1080 × 1920 · 9:16PRO
  • Instagram Post1080 × 1080 · 1:1
  • Instagram Story1080 × 1920 · 9:16
  • Instagram Reel1080 × 1920 · 9:16
  • TikTok1080 × 1920 · 9:16
  • Facebook Post1200 × 630 · 16:9
  • Facebook Story1080 × 1920 · 9:16
  • Facebook Reel1080 × 1920 · 9:16
  • LinkedIn Post1200 × 900 · 4:3PRO
  • X Post1200 × 675 · 16:9PRO
  • Pinterest Pin1080 × 1440 · 3:4PRO

Plus 5 raw ratios (16:9, 4:3, 1:1, 3:4, 9:16) for anywhere that isn't on this list.

Who it's for

Built for people who ship things.

Frame Studio exists because a good product video is usually the thing that gets cut when the launch date arrives.

01Indie founders

Launch day, without the launch-day budget

A Product Hunt hero video or an App Store preview, made the morning you ship it, not commissioned three weeks earlier.

02SaaS teams

Every changelog gets a video

Feature announcements stop being a screenshot and a paragraph. Same screenshot, thirty seconds of work, something people actually stop scrolling for.

03Designers

Portfolio work that moves

Dribbble shots, case study headers, and client presentations, presented in motion instead of flat on a white background.

04Marketers

Ad creative at the speed of testing

One asset, 5 aspect ratios, 12 platform presets. Spin up variants for each placement without a designer in the loop.

05Content creators

Intros and B-roll on demand

YouTube intros, channel stings, and the 3D product shots that usually mean either stock footage or a favour.

06Developers

READMEs that sell the project

A looping motion clip at the top of your README or docs page does more than a static screenshot ever did, and it took two minutes.

How it compares

Where Frame Studio fits.

Every tool here is good at something. This is the honest version of which job each one is actually for.

Feature comparison between Frame Studio, Screen Studio, Rotato and Blender
CapabilityFrame StudioScreen StudioRotatoBlender
Runs in the browserYesNoNoNo
Works on any OSYesNoNoYes
3D camera motionYesNoYesYes
Animate any imageYesNoYesYes
Ready in minutesYesYesYesNo
HDR lighting + reflectionsYesNoYesYes
Renders locally, no uploadYesYesYesYes
4K exportYesYesYesYes
Free tierYesNoYesYes

Compiled August 2026 from each product's publicly published documentation. Screen Studio is the better tool if what you want is a polished screen recording; Blender is the better tool if you need unlimited control and have time to learn it. Frame Studio is for the case in between. One good motion clip, from an image you already have, today.

The details

No asterisks. This is exactly what the app does.

Video out
MP4 (H.264 + AAC) · WebM (VP9)
Stills out
PNG · JPG
Resolutions
720p (HD) · 1080p (Full HD) · 1440p (2K) · 2160p (4K)
Frame rates
24fps · 30fps · 60fps
Ratios
16:9 · 4:3 · 1:1 · 3:4 · 9:16
Presets
12 platforms · YouTube, YouTube Short, Instagram Post, Instagram Story and more
Image in
JPG · PNG · GIF · WebP · BMP · AVIF
Video in
MP4 · WebM · MOV · M4V · OGV
Lighting
6 HDR environments with real-time reflections
Renderer
WebGPU via Three.js, WebGL fallback
Encoding
WebCodecs, on your own hardware
Browsers
Chrome & Edge recommended · Firefox & Safari supported

Privacy

Your media never leaves your machine.

Frame Studio renders and encodes locally, in the browser tab. Files you drop in are not uploaded to a server for processing, there is no queue to wait in, and nothing to delete afterwards. Unreleased product screenshots stay unreleased.

Pricing

Free to start. Cheap to keep.

The free tier is the whole editor, not a crippled demo. You upgrade to drop the watermark and unlock 4K, not to unlock the useful half.

Lifetime access is $79 for the first 100 people. After that it is $129.

Free
$0forever

Everything you need to find out if this works for you.

  • 44 motions (single, multi-plane and loops)
  • Export up to 1080p at 60fps
  • Full editor: timeline, lighting, effects
  • Captions and music
  • Small watermark on exports
Start free
ProMost popular
$9/month

For people shipping videos every week.

  • All 93 motions, every layout and loop
  • Export up to 4K (2160p) at 60fps
  • No watermark
  • All platform presets
  • Unlimited exports
Go Pro
LifetimeFirst 100
$79oncethen $129

Founding price for the first 100 people. Pay once, never think about it again.

  • Everything in Pro
  • One-time payment
  • All future updates included
  • No subscription to cancel
  • Goes to $129 after the first 100
Claim founding price

Prices in USD. Payments handled by Stripe, so we never see your card. Cancel a monthly plan any time; lifetime never needs cancelling. The founding lifetime price is limited to the first 100 purchases — whatever you pay is the last payment you make, whichever side of that line you land on.

Questions

Answered without the marketing hedge.

Not covered? Email us. A person answers.

01

Do I need to install anything?

No. Frame Studio runs entirely in your browser. There is nothing to download, no plugin, and no account required to start. Open the app and drop in an image.

02

Do I need video editing experience?

No. There are no keyframes to set and no motion curves to author. You pick a pre-built camera motion, and the animation, lighting, and reflections come with it. The timeline is there when you want to chain several motions together, but a single-clip video needs nothing but a file and a click.

03

What can I upload?

Images in JPG, PNG, GIF, WebP, BMP, AVIF, and video in MP4, WebM, MOV, M4V, OGV. Screenshots, app mockups, design exports, and screen recordings all work. Anything that can be a texture on a 3D surface will do.

04

What quality can I export?

MP4 (H.264) or WebM, at 720p, 1080p, 1440p, 2160p, and 24, 30, 60fps. 720p and 1080p are free; 2K and 4K are Pro. MP4 exports can add real accumulation motion blur (sub-frames averaged across the shutter, not a post-process fake). Stills export as PNG, JPG, WebP, and PNG or WebP can be exported with a transparent background.

05

Where does the rendering happen?

On your own machine. Frame Studio renders with WebGPU and encodes with the WebCodecs API in your browser, so your media is never uploaded to a server to be processed. There is no render queue and no waiting your turn. Export speed is your hardware, not our capacity.

06

What is the difference between Free and Pro?

Free gives you 44 motions, exports up to 1080p, and every editing feature, with a small watermark on exported video. Pro removes the watermark, unlocks all 93 motions — single-plane, multi-plane and loops — and enables 2K and 4K export.

07

Is the lifetime plan really one payment?

Yes. $79 once, and Pro stays on, including future updates. No renewal, no per-export cost. That price is the founding one — it is for the first 100 people, and then lifetime access becomes $129. Whichever price you paid, it is the last payment you make.

08

Which browsers are supported?

Recent versions of Chrome and Edge give the best results, since MP4 export uses the WebCodecs API. Firefox and Safari work too, with WebM as the export format where WebCodecs is unavailable.

09

Can I use the videos commercially?

Yes. Videos you make in Frame Studio are yours, on both Free and Pro, including for client and commercial work. Free exports carry a watermark; Pro exports do not.

10

Can I add my own music?

Yes. Upload an audio file, trim it to the segment you want, and it is encoded into the exported MP4 as an AAC track, synced to the video length.