layermetry
Sign inStart free
SDKPlatform (soon)AgentsDesktop & mobileUse casesPricingDocsBlogSign in

SDK for developers

Put an image or video editor in your web app.

Install one npm package. Your users get a full editor inside your product, in your colours.

Find your caseTry the guided demosDocs

Image editor

Photos, text, shapes and stickers. Export PNG, JPG or PDF.

Try the demoDocs

Video editor

Timeline, captions, animated text and voice-over. Export MP4, WebM or GIF.

Try the demoDocs

Runs in the browser

No export server. Blazing-fast exports in 4K or 8K. 7× smaller than ffmpeg.wasm.

Docs

Agentic editing

Ask in a sentence. An agent makes the change with the editor’s tools.

Docs

Your brand

Your colours, your tools, your storage.

Try the demoDocs
npm install @layermetry/media-editor

Free while you build

The licence key works on localhost at once.

Get a key

Catalogue

Go straight to your case.

Choose a task, a framework or a product. Try the demo, watch the clip, or read the docs.

20 items

@layermetry/image-editor

Image editor

Designs from photos, text, shapes and stickers. Export PNG, JPG or PDF.

Try the demoDocs
@layermetry/video-editor

Video editor

A timeline for clips, text and captions. Export MP4, WebM or GIF.

Try the demoDocs
@layermetry/media-editor

Media editor

Both editors in one package, for apps that need images and video.

Try the demoDocs
Guided demo · image editor

Change a background

Put a colour, then a photo, behind a person.

Try the demoDocs
Guided demo · image editor

Add a sticker

Place a badge on a campaign and move it.

Try the demoDocs
Guided demo · video editor

Customise the menu

Change the order of the tools in the menu.

Try the demoDocs
Guided demo · image editor

Show only some tools

Hide the tools your users do not need.

Try the demoDocs
Guided demo · Customization Studio

Apply your brand

Give the editor your colours, fonts and corners.

Try the demoDocs
Tool API for agents · video editor

Agentic video editing

An agent edits with the video editor’s tools. A person approves the result.

Watch the clipDocs
Coming soon · image editor

Agentic image editing

Tools for agents in the image editor are coming soon.

Docs
No interface, same bundle

Headless video

Make many finished pieces from one template and a list of rows.

Docs
@layermetry/print-export · add-on

Print export

Print PDF with a CMYK printer profile and embedded fonts.

Watch the clipDocs
@layermetry/localisation · add-on

Interface languages

French, German, Spanish and Japanese menus. English is built in.

Watch the clipOpen on npm
Next.js
@layermetry/nextjs-image-editor-starter

Next.js image editor starter

A ready-made Next.js app with the image editor in it.

Open on npm
React
@layermetry/react-image-editor-starter

React image editor starter

A ready-made React app with the image editor in it.

Open on npm
React
@layermetry/react-video-editor-starter

React video editor starter

A ready-made React app with the video editor in it.

Open on npm
Vue
@layermetry/vue-image-editor-starter

Vue image editor starter

A ready-made Vue app with the image editor in it.

Open on npm
Svelte
@layermetry/svelte-image-editor-starter

Svelte image editor starter

A ready-made Svelte app with the image editor in it.

Open on npm
JavaScript
@layermetry/javascript-image-editor-starter

JavaScript image editor starter

A ready-made JavaScript app with the image editor in it.

Open on npm
Layermetry Studio · macOS, Apple silicon

Electron desktop example

An example app with both editors (Electron 44, React 19). It is not an npm package.

Docs

For developers

Works with most web frameworks, and plain JavaScript.

$npm i @layermetry/media-editor
Editor.tsx
import { ImageEditor } from '@layermetry/media-editor/react';

export default function Studio() {
  return (
    <ImageEditor licenseKey={KEY} theme={brand} onExport={save} />
  );
}
1 package7× smaller than ffmpeg.wasmNo ffmpeg inside
localhost:3000
The layermetry image editor running in a page: the tool rail on the left, a product photo on the canvas, the pages strip belowThe layermetry image editor running in a page: the tool rail on the left, a product photo on the canvas, the pages strip below

What those six lines render.

Start building today.

Free while you build. One key when you ship.

Start freeRead the docsPricing