Vanilla JS Without UI (headless)

This guide shows you how to use CE.SDK’s headless engine for programmatic content creation without a UI. You’ll install the engine, initialize it, and create content through code. By the end, you’ll be able to generate images and videos programmatically.

Install CE.SDK Engine#

npm install @cesdk/engine

pnpm add @cesdk/engine

yarn add @cesdk/engine

import CreativeEngine from 'https://cdn.img.ly/packages/imgly/cesdk-engine/1.69.0/index.js';

Initialize the Engine#

Initialize the engine and create content programmatically:

const config = {
  license: 'YOUR_CESDK_LICENSE_KEY',
  userId: 'your-user-id',
};

const engine = await CreativeEngine.init(config);

// Create a scene programmatically
const scene = await engine.scene.create();

// Add blocks and manipulate content
const page = engine.block.create('page');
engine.block.setWidth(page, 800);
engine.block.setHeight(page, 600);
engine.block.appendChild(scene, page);

// Clean up
engine.dispose();

Key Features#

The headless engine provides full access to CE.SDK’s capabilities without rendering a UI:

• Programmatic Scene Creation - Build designs entirely through code
• Server-Side Rendering - Generate images and videos on the server
• Batch Processing - Automate content generation at scale
• Asset Management - Load and manipulate images, videos, and fonts
• Export Capabilities - Export to PNG, JPEG, PDF, MP4, and more

API Reference#

Next Steps#

• Engine Quickstart - Learn more about programmatic content creation
• Block API Guide - Understand blocks and the scene hierarchy
• Export Guide - Learn about export formats and configuration