Help · v0.2.0

Drop a clip.
Get a grid.

That's the gist. Below: how to get your first contact sheet, the four layouts, the eight export formats, and answers to the questions people actually ask.

How it works.

From "I just opened it" to "I have a sheet I can paste anywhere." Three steps.

1

Drop a video

Drag any MP4 onto the drop zone or click to browse. No clip handy? Click Try with a sample clip.

2

Generate

Press Space or click the orange button. A 12-frame grid renders in a few seconds.

3

Export

Press +E for PNG. Open the export menu for everything else.

What files work.

FrameDrop reads anything your browser can play as a video. That covers most modern web-friendly codecs.

MP4 (H.264) MP4 (H.265) WebM OGG MKV MOV (H.264)

Browsers can't decode ProRes natively. The Mac app handles it on-device with ffmpeg. For now in the browser, export H.264 from your NLE first.

No file-size limit. The browser version streams via blob URLs, so a 5 GB file works fine — though scrubbing through huge files is faster on a desktop.

Picking the frames.

Three ways to choose what lands in your contact sheet. Pick the mode in the segmented control under Frames in the sidebar.

Use the Trim bar to constrain to a portion of the clip first. Click any frame after generating to swap it for a different timestamp — no re-render.

Four layouts.
Four jobs.

Switch any time after generating. Frames don't re-extract — the change is instant.

Grid G

Uniform rows × columns. Best for client overviews, archive sheets, scene catalogues.

Filmstrip F

Single horizontal row with sprocket holes. Best for animatic-to-storyboard reviews.

Moodboard M

Asymmetric collage. Best for pitch decks, color references, atmosphere boards.

Polaroid P

Tilted instant-print frames. Best for personal projects, shareables, anything handmade.

Vibe controls.

Theme + grade

The Theme picker sets the contact sheet's background and frame border style — Ink (warm dark, default), Noir (high-contrast), Light (cream for print), Tropical Punk (orange accent). The Grade applies a tonal pass to all frames at once: Neutral, Warm, Cool, Bleach, Teal & Orange, Mono.

Aspect ratio

Force every frame to a target aspect: Source (default), 16:9, 4:3, 1:1, 9:16, or 2.39:1. Useful when you want a deck of frames in IG-square format without re-cropping each one.

Annotations

Press A to enter annotation mode. Drag to draw a box on any frame. Click an existing one to delete. Annotations bake into your export — they live in the PNG/PDF/PSD output. Useful for "use this take" marks, continuity notes, or color reference circles.

Color palette.

After you generate, FrameDrop also extracts the dominant colors from your footage. The palette strip appears under the canvas.

What you can do

Export the palette

PNG for a labeled swatch strip with hex values. SVG for vector swatches you can drop into Illustrator or Figma. ASE (Adobe Swatch Exchange) drops directly into Photoshop / InDesign / Illustrator swatches panels.

For colorists Generate a contact sheet of your full edit, sort the palette by hue, export ASE, load into Resolve as a power-grade reference. The whole color story of a 90-min edit on one screen.

Export formats.

Press +E for the default (PNG) or open the export menu for everything. All formats render locally — no server roundtrip.

PNG
Single image at canvas resolution. The default. Decks, web, quick share.
JPG
Smaller file (lossy). Quality slider in the menu. Email, social, large grids.
PDF
Vector text + raster frames. Print-ready with bleed, color bars, CMYK flag. Print, archival, client sign-off.
SVG
Vector layout, raster frame fills. Editable in Illustrator / Figma. Editorial design.
GIF
Real GIF89a. Frames cycle as an animation, not a screen-recording. Social, embeds, "preview" links.
PSD flat
Photoshop file with the contact sheet as a single rasterized layer.
PSD layered
Each frame as its own layer, named by timestamp. Annotations on a separate layer. Best for retouch / cutdown work.
ZIP
Folder of individual frames as PNGs, plus a manifest.json with timestamps. Archive, scripted post-processing.

Keyboard shortcuts.

Keyboard-first by design. The shortcuts that come up most:

Space
Generate the contact sheet
+E
Quick export to PNG
+Shift+E
Open the full export menu
R
Toggle reorder mode (drag frames to swap)
A
Toggle annotation mode
G / F / M / P
Switch layout: Grid / Filmstrip / Moodboard / Polaroid
+Z
Undo last edit (replace, reorder, annotation)
?
Re-run the first-time tour

Privacy.

Your video never leaves your machine. The whole app runs locally in your browser tab. Verify it for yourself: open DevTools (F12 or +Opt+I), watch the Network tab, drop a clip, generate, export — exactly zero requests carry your video data.

The only thing we collect is your email address if you sign up for the Mac-app waitlist on the homepage. That's the entire data inventory.

Mac app.

Same FrameDrop, packaged for the desktop. It adds three things the browser can't do:

The Mac app is in private beta. Drop your email at framedrop.video to get the DMG when it's ready.

Pricing Browser version stays free, forever. The Mac app will be a small one-time purchase when it launches publicly. No subscription.

Quick answers.

Does my video get uploaded?
No. The file stays on your machine. Open your Network panel and verify — nothing leaves the browser tab.
Why not just do this in Premiere?
You can. It takes 20 clicks, a nested sequence, and an export pass. FrameDrop takes one. Plus: palette extraction, four layouts, eight export formats, keyboard shortcuts.
How fast is it?
A 60-second 1080p clip → 12-frame grid in 3–5 seconds. Tweaks after that are near-instant — frames are cached. Big files take longer the first time, then later generations are quick.
Wrong frame captured (off by a fraction of a second)?
Click that frame, scrub to the timestamp you want, hit Replace. No re-render. If it keeps happening, that's a bug — please email.
How much does it cost?
The browser version is free, forever. The upcoming Mac app with ProRes / large file support is a small one-time purchase, no subscription.
Does it work on Windows or Linux?
The browser version: yes, anywhere modern Chrome / Firefox / Safari runs. The Mac app comes first; Windows + Linux desktop builds are roadmapped after Mac stabilizes.
Can I use it on client work?
Yes. The browser version is free for any use, including commercial. The Mac app license (when it ships) covers individual commercial use too.
Is there a Figma plugin?
Coming soon to Figma Community. In the meantime, every export includes a Figma-friendly format — drop the SVG or ZIP straight into your Figma file.
Found a bug? Want a feature?
Email gonz@lahacienda.media. We read every message and iterate weekly.
Who made this?
La Hacienda — a creative studio in Medford, MA. Run by Gonz Veloz. Built for Gonz's own edits, then shared.

Best way to learn it is to use it.

Free. Runs in your browser. Your file never leaves your machine.

Open FrameDrop