Introduction

Rendley SDK is a framework for building video editing applications in the browser. It provides tools for compositions, trimming, effects, filters, transitions, animated captions, and final video rendering, on the client or on the server.

The SDK uses WebGL for rendering and WebCodecs for hardware-accelerated encoding and decoding, with a WASM fallback for environments that lack WebCodecs. The same pipeline runs in the browser and on headless servers, so the preview and the exported file match bit-for-bit.

Rendley SDK is UI-agnostic: use it to build custom editors, automation tools, video players, or any creative web app. When you want a full editor out of the box, the Video Editor UI is a drop-in web component built on the SDK.

Try It

Every code sample on this site is runnable, click the Run button and the Rendley SDK will execute the snippet in an isolated iframe, including the live canvas.

const title = await layer.addClip({
  type: "text",
  text: "Welcome",
  startTime: 0,
  duration: 4,
  style: { fontSize: 200, color: "#FFFFFF", fontWeight: "900" },
});
title.style.setPosition(960, 540);

title.propertyAnimator.addKeyframe("alpha", 0, 0);
title.propertyAnimator.addKeyframe("alpha", 0.6, 1);
title.propertyAnimator.addKeyframe("scaleX", 0, 0.7);
title.propertyAnimator.addKeyframe("scaleX", 0.6, 1);
title.propertyAnimator.addKeyframe("scaleY", 0, 0.7);
title.propertyAnimator.addKeyframe("scaleY", 0.6, 1);

Idle

Ready to build? Head to Quick Start for setup, or Concepts for a high-level tour of the SDK.

	Core video editing capabilities	The SDK supports essential video editing functions, including splitting, trimming, cropping, and creating multi-track compositions with effects, filters, and transitions.
	After Effects animations in your videos	Import Lottie animations exported from After Effects and make them editable within the SDK, allowing users to customize colors, shapes and text with ease.
	No servers required	By default, the SDK doesn’t rely on any servers, everything runs directly on the device. It works even offline.
	Captions & subtitles	Easily display captions and subtitles with automatic syncing. Customize the styles and effects to match your project’s style.
	Advanced keyframe animations	Use our keyframe animation system to create advanced animations. Animate any video element to create stunning, dynamic compositions.
	Customizable extensions	Need something more? Extend the SDK with your own custom implementation to match your project’s unique requirements.
	Flexible storage options	Connect the SDK to any storage solution, and combine local and server storage to optimize bandwidth and performance.
	Serialized state management	Store and load projects using JSON. This enables smooth collaboration, AI-powered video generation, and more complex workflows.