Back to Glossary
Starter Kit UIs

Starter Kit

Definition

Pre-configured, production-ready CE.SDK setups for specific use cases, designed to give development teams a functional, shippable editor in hours rather than days. Each Starter Kit ships with a focused feature set appropriate to its content type: relevant tools enabled, irrelevant ones absent, asset sources already wired up, and a clean project architecture that follows CE.SDK’s recommended patterns.

Before Starter Kits, getting CE.SDK into a real product meant adapting demo projects: stripping out features, correcting assumptions baked in for demonstration purposes, and undoing architectural decisions made for showcase rather than production use. Starter Kits replace that process with deployable foundations that are ready to embed and customize from the first run.

One Engine, All Kits

All Starter Kits run on the same CreativeEngine. Scenes, templates, and assets are portable across configurations: a template authored in the Design Editor opens in the Video Editor; a design produced by the Data Merge kit exports through the same pipeline as one created interactively in the Photo Editor.

Rendering output is pixel-identical across all configurations and across all platforms (web, mobile, desktop, server) because the engine is the same in every environment.

Each Starter Kit defines sensible defaults for its use case. It does not constrain what the integration can become: every UI component, asset source, plugin, permission, and export behavior is configurable.

Available Starter Kits

Available across Vanilla JS/TS, React, Vue, Angular, Svelte, SvelteKit, Next.js, Nuxt.js, and selectively across iOS, Android, React Native, Flutter, Electron, macOS, and Node.js.

Interactive Editors. These kits provide a visible editing surface for end-users.

Design Editor

Full multi-page design composition for templates, marketing materials, and brand tools. Available in standard (Adopter-facing) and Advanced (Creator-facing) variants. Web, iOS, Android, React Native, Flutter.

Photo Editor

Image editing covering adjustments, filters, crop, transform, effects, and client-side background removal. Web, iOS, Android, React Native, Flutter.

Video Editor

Timeline-based video composition with multi-track clips, audio, captions, transitions, and MP4 export. Available in standard and Advanced variants. Web (Chromium), iOS, Android, React Native, Flutter.

AI Editor

Design and video editing surface with generative AI tools for image, video, text, and voice creation integrated directly into the editing workflow. Model-agnostic. Web.

T-Shirt Designer

Apparel design surface with a realistic t-shirt mockup, enforced print boundaries, and print-ready PDF export. Web, iOS, Android.

Postcard Editor

Guided postcard and greeting card creation with template presets, design and write modes, and variable-driven personalization. Web, iOS, Android.

Photobook Editor

Multi-page photobook creation with theme selection, guided page layouts, and placeholder-driven photo placement. Web.

Mockup Editor

Real-time flat product preview that maps a finished design onto photorealistic product surfaces including apparel, stationery, and digital formats. Web.

3D Product Configurator

Interactive 3D product preview combining CE.SDK’s design canvas with an external 3D rendering library for rotatable, photorealistic product visualization. Web.

Utility. These kits render or present content without a full editing surface.

Design Viewer

Lightweight read-only rendering of a CE.SDK scene with page navigation and zoom. No editing surfaces exposed. Web.

Video Player

Read-only video playback of a CE.SDK video scene, embeddable in any web application. Web.

Automation & Generation. These kits produce outputs programmatically, with an optional UI step for review or refinement.

Design Generator

Produces finished designs from structured inputs using the headless API, with optional UI-based refinement before export. Web, Node.js.

Automated Video Generator

Produces video outputs from templates and data, fully headless or with a visible editor for manual adjustment. Web, CE.SDK Renderer.

Auto-Resizer

Adapts a single design to multiple target formats and page sizes in one operation. Web.

Data Merge

Batch-generates personalized assets by injecting structured data rows into a single design template, one output per row. Web, Node.js.

Multiple Image Generator

Produces multiple platform-specific image variants from a single data input: one input, many format outputs. Web.

Why Use Starter Kits

Faster time to market

A functional, shippable editor in minutes rather than days of boilerplate setup.

Clean architecture from day one

No accumulated technical debt from adapting demo code to production requirements.

Opt-in feature model

Each kit starts with only what its use case needs. Additional capabilities are added explicitly rather than stripped out.

Full customizability

UI components, asset sources, plugins, permissions, and export behavior are all configurable. Any kit can be extended into a fully custom integration.

Cross-platform consistency

The same scene files, templates, and assets work across web, mobile, desktop, and server, because all kits share one engine.