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.
Links
Documentation and references for this concept.
Related Terms
Design Editor
CE.SDK's full-featured design creation Starter Kit, exposing the complete toolset: multi-page canvas, typography control…
Photo Editor
A CE.SDK Starter Kit focused on single-image editing, initializing with an image filling the page and surfacing tools fo…
Video Editor
A CE.SDK Starter Kit for timeline-based video creation and editing, surfacing clip trimming, splitting, reordering, and …