closeLoginsearchSearchSignupmenu

Code Your Videos. Ship in Minutes.

Scrptly turns a few lines of JavaScript into studio-quality videos – with an optional visual editor for the rest of your team.

Get StartedRead the Docs

Scrptly is a Video Development Kit (VDK) that allows you to create videos programmatically while leveraging AI. It provides a set of tools and APIs to automate video creation, making it easier for developers and content creators to produce high-quality videos quickly and efficiently.

code_blocksProgrammatic Video CreationCreate videos using JavaScript, enabling automation and scalability.auto_awesomeAI-Powered ToolsLeverage AI for video generation, image generation, text-to-speech, captions, and more.paletteVisual EditorUse a visual editor to design and customize videos without writing code.auto_graphFlexible and ScalableBuild custom video workflows that can scale with your needs.

Hello World in 5 seconds:


// npm i scrptly
import Scrptly from 'scrptly';

// Setup API
Scrptly.setApiSettings({
	apiKey	: '****',
});

// Create video instance
const $ = new Scrptly({ size: {width: 1000, height: 1000} });

// Add a background image
const bgLayer = $.addImage({
	fit:'cover',
}, {
	prompt: 'A dark cyberpunk cityscape at night, neon lights, futuristic buildings with a cat wearing a suit and headphones.',
	model: 'falai:fal-ai/ideogram/v3',
});
bgLayer.animate({/* from properties */}, {/* to properties */ filterBlur: 10 }, {duration: '5s', wait: false });

// Generate a background music
$.addAudio({
	volume: 0.4,
}, {
	prompt: 'Uplifting lofi chill beat with warm ambient textures, airy synths, soft vinyl crackle, gentle guitar plucks, and mellow boom-bap drums. Ideal for a cozy morning or focus session. Key: C Major, Tempo: 85 BPM.',
	model: 'elevenlabs',
	duration: 5,
});

// Let's add a hello world text animation
const textLayer = $.addText({ text: 'Hello World', color: '#FFFFFF', fontSize: 1.3 });
textLayer.animate({ opacity: 0 }, {opacity:1, scale: 1.5, color: '#e0b621'}, { duration: '4s', wait: false });

$.wait('1s');

// Say hello with TTS
const ttsLayer = $.addTTS({}, {
	model: 'elevenlabs',
});
ttsLayer.say('Hello World!');


console.log(await $.renderVideo());// Outputs URL to the rendered video file

A Full-Featured Visual Editor

Scrptly EditorScrptly Editor Video PreviewScrptly Editor TimelineScrptly Editor Properties Panel

Programmatic Power, Visual Perfection.

Imagine generating thousands of personalized videos for your users, or automating your marketing content at scale. Scrptly makes it possible.

Getting Started

To get started with Scrptly, sign up for an account and explore our documentation. You can also check out our tutorials and examples to see how to use the platform effectively.

Join our community of developers and content creators who are already using Scrptly to revolutionize their video production process.

Ready to dive in? Sign up now and start creating videos programmatically!