# CE.SDK Documentation - Vanilla JS/TS > **About this file:** This is a machine-readable documentation index for LLMs and AI assistants. It provides structured navigation to all CE.SDK documentation for the Vanilla JS/TS platform. For the complete documentation in a single file, see [llms-full.txt](https://img.ly/docs/cesdk/js/llms-full.txt). ## What is CE.SDK? Creative Editor SDK (CE.SDK) is a fully customizable design editor for web, mobile, and server applications. It enables developers to integrate professional photo, video, and design editing capabilities into their products. **Key capabilities:** - Photo editing with filters, adjustments, and effects - Video editing with timeline, transitions, and export - Design editing with templates, text, and assets - Headless/server-side processing for automation ## Quick Links - **NPM**: [@imgly/cesdk-js](https://www.npmjs.com/package/@imgly/cesdk-js) - **API Reference (CESDK)**: [https://img.ly/docs/cesdk/js/api/cesdk-js/](https://img.ly/docs/cesdk/js/api/cesdk-js/) - **API Reference (Engine)**: [https://img.ly/docs/cesdk/js/api/engine/](https://img.ly/docs/cesdk/js/api/engine/) - **GitHub Examples**: [imgly/cesdk-web-examples](https://github.com/imgly/cesdk-web-examples) - **Free Trial**: [Sign up](https://img.ly/forms/free-trial) - **Full Documentation (LLM)**: [https://img.ly/docs/cesdk/js/llms-full.txt](https://img.ly/docs/cesdk/js/llms-full.txt) --- ## Documentation ### [Get Started](https://img.ly/docs/cesdk/js/get-started/overview-e18f40/) #### [What is CE.SDK?](https://img.ly/docs/cesdk/js/what-is-cesdk-2e7acd/) #### [Capabilities](https://img.ly/docs/cesdk/js/capabilities-e1906f/) #### [Quickstart JS/TS](https://img.ly/docs/cesdk/js/get-started/vanilla-js/quickstart-yef23s/) #### [Licensing](https://img.ly/docs/cesdk/js/licensing-8aa063/) ### [Build with AI](https://img.ly/docs/cesdk/js/get-started/build-with-ai-k7m9p2/) #### [Agent Plugin](https://img.ly/docs/cesdk/js/get-started/cesdk-plugin-coding-agents-c0d3ag/) #### [MCP Server](https://img.ly/docs/cesdk/js/get-started/mcp-server-fde71c/) #### [Agent Skills](https://img.ly/docs/cesdk/js/get-started/agent-skills-f7g8h9/) #### [LLMs.txt](https://img.ly/docs/cesdk/js/llms-txt-eb9cc5/) ### [Concepts](https://img.ly/docs/cesdk/js/concepts-c9ff51/) #### [Key Concepts](https://img.ly/docs/cesdk/js/key-concepts-21a270/) #### [Key Capabilities](https://img.ly/docs/cesdk/js/key-capabilities-dbb5b1/) #### [Architecture](https://img.ly/docs/cesdk/js/concepts/architecture-6ea9b2/) #### [Terminology](https://img.ly/docs/cesdk/js/concepts/terminology-99e82d/) #### [Editing Workflow](https://img.ly/docs/cesdk/js/concepts/editing-workflow-032d27/) #### [Blocks](https://img.ly/docs/cesdk/js/concepts/blocks-90241e/) #### [Scenes](https://img.ly/docs/cesdk/js/concepts/scenes-e8596d/) #### [Pages](https://img.ly/docs/cesdk/js/concepts/pages-7b6bae/) #### [Assets](https://img.ly/docs/cesdk/js/concepts/assets-a84fdd/) #### [Editor State](https://img.ly/docs/cesdk/js/concepts/edit-modes-1f5b6c/) #### [Templating](https://img.ly/docs/cesdk/js/concepts/templating-f94385/) #### [Events](https://img.ly/docs/cesdk/js/concepts/events-353f97/) #### [Buffers](https://img.ly/docs/cesdk/js/concepts/buffers-9c565b/) #### [Resources](https://img.ly/docs/cesdk/js/concepts/resources-a58d71/) #### [Undo and History](https://img.ly/docs/cesdk/js/concepts/undo-and-history-99479d/) #### [Design Units](https://img.ly/docs/cesdk/js/concepts/design-units-cc6597/) #### [Font Size Unit](https://img.ly/docs/cesdk/js/concepts/font-size-unit-3b2d60/) #### [Headless Mode](https://img.ly/docs/cesdk/js/concepts/headless-mode/browser-24ab98/) #### [Export Counting](https://img.ly/docs/cesdk/js/export-counting-613923/) #### [Error Catalog](https://img.ly/docs/cesdk/js/concepts/error-catalog-z3djzn/) ### [Starter Kits](https://img.ly/docs/cesdk/js/starterkits-kxg120/) #### [Photo Editor](https://img.ly/docs/cesdk/js/starterkits/photo-editor-r6kq0u/) #### [Design Editor](https://img.ly/docs/cesdk/js/starterkits/design-editor-8unj9u/) #### [Design Editor (Advanced)](https://img.ly/docs/cesdk/js/starterkits/advanced-editor-87riel/) #### [Design Viewer](https://img.ly/docs/cesdk/js/starterkits/viewer-zgs556/) #### [Video Editor](https://img.ly/docs/cesdk/js/starterkits/video-editor-e1nlor/) #### [Video Editor (Advanced)](https://img.ly/docs/cesdk/js/starterkits/advanced-video-editor-2a68z2/) #### [Video Player](https://img.ly/docs/cesdk/js/starterkits/player-6sjm1w/) #### [AI Editor](https://img.ly/docs/cesdk/js/starterkits/ai-editor-4z6j9l/) #### [T-Shirt Designer](https://img.ly/docs/cesdk/js/starterkits/t-shirt-designer-jwinqr/) #### [Product Editor](https://img.ly/docs/cesdk/js/starterkits/product-editor-p7m8k2/) #### [Video Editing](https://img.ly/docs/cesdk/js/starterkits/video-editing-60764c/) - [Start with Video](https://img.ly/docs/cesdk/js/starterkits/start-with-video-swv001/) - [Video Captions](https://img.ly/docs/cesdk/js/starterkits/video-captions-vcap01/) - [Video Animations](https://img.ly/docs/cesdk/js/starterkits/video-animations-vanim1/) - [Automated Video Generation](https://img.ly/docs/cesdk/js/starterkits/automated-video-generation-8om1qg/) #### [Plugins](https://img.ly/docs/cesdk/js/starterkits/plugins-63dc90/) - [Background Removal Editor](https://img.ly/docs/cesdk/js/starterkits/background-removal-editor-bgrmv1/) - [QR Code Editor](https://img.ly/docs/cesdk/js/starterkits/qr-code-editor-qrcde1/) - [Cutout Lines Editor](https://img.ly/docs/cesdk/js/starterkits/cutout-lines-editor-ctltl1/) - [Vectorizer Editor](https://img.ly/docs/cesdk/js/starterkits/vectorizer-editor-vctre1/) - [Perfectly Clear Editor](https://img.ly/docs/cesdk/js/starterkits/perfectly-clear-editor-pfcce1/) #### [Custom Built UIs](https://img.ly/docs/cesdk/js/starterkits/custom-built-uis-5a5cc4/) - [Postcard UI](https://img.ly/docs/cesdk/js/starterkits/postcard-editor-03mijr/) - [Photobook UI](https://img.ly/docs/cesdk/js/starterkits/photobook-ui-m5ob81/) - [Mobile UI](https://img.ly/docs/cesdk/js/starterkits/mobile-ui-h7k2m1/) - [Photo UI](https://img.ly/docs/cesdk/js/starterkits/photo-ui-w9p3t6/) - [Apparel UI](https://img.ly/docs/cesdk/js/starterkits/apparel-ui-ec0cfb/) #### [Customization](https://img.ly/docs/cesdk/js/starterkits/customization-50a04e/) - [Theming](https://img.ly/docs/cesdk/js/starterkits/theming-jkl012/) - [Translation & Internationalization](https://img.ly/docs/cesdk/js/starterkits/translation-internationalization-lngde1/) - [Single Page Editor](https://img.ly/docs/cesdk/js/starterkits/single-page-editor-sngpg1/) - [Start With Image](https://img.ly/docs/cesdk/js/starterkits/start-with-image-stwim1/) - [Export Options Editor](https://img.ly/docs/cesdk/js/starterkits/export-options-expopt/) - [Force Crop Editor](https://img.ly/docs/cesdk/js/starterkits/force-crop-editor-fcrp01/) - [Print-Ready PDF Editor](https://img.ly/docs/cesdk/js/starterkits/print-ready-pdf-editor-prpdf1/) - [Video Export Options](https://img.ly/docs/cesdk/js/starterkits/video-export-options-veo001/) #### [Assets](https://img.ly/docs/cesdk/js/starterkits/assets-32bb63/) - [Unsplash Editor](https://img.ly/docs/cesdk/js/starterkits/unsplash-editor-u5sp1h/) - [Pexels Image Editor](https://img.ly/docs/cesdk/js/starterkits/pexels-image-editor-pxlsie/) - [Getty Images Editor](https://img.ly/docs/cesdk/js/starterkits/getty-images-editor-gtyie1/) - [Layouts Editor](https://img.ly/docs/cesdk/js/starterkits/layouts-editor-layot1/) - [Page Sizes Editor](https://img.ly/docs/cesdk/js/starterkits/page-sizes-editor-pgsz01/) #### [Templating](https://img.ly/docs/cesdk/js/starterkits/templating-cf38fb/) - [Placeholders](https://img.ly/docs/cesdk/js/starterkits/placeholders-ghi789/) - [Form-Based Template Adoption](https://img.ly/docs/cesdk/js/starterkits/form-based-template-adoption-fbtmp1/) #### [Creative Automation](https://img.ly/docs/cesdk/js/starterkits/creative-automation-367753/) - [3D Mockup Editor](https://img.ly/docs/cesdk/js/starterkits/3d-mockup-editor-od0zz3/) - [Mockup Editor](https://img.ly/docs/cesdk/js/starterkits/mockup-editor-e8eejr/) - [Design Generator](https://img.ly/docs/cesdk/js/starterkits/design-generation-v8y4l9/) - [Multi Image Generation](https://img.ly/docs/cesdk/js/starterkits/multi-image-generation-g7jzku/) - [Data Merge](https://img.ly/docs/cesdk/js/starterkits/data-merge-d4evnm/) - [Auto-Resizer](https://img.ly/docs/cesdk/js/starterkits/auto-resize-t2jxae/) - [Export Using Renderer](https://img.ly/docs/cesdk/js/starterkits/export-using-renderer-exprnd/) #### [Extensibility](https://img.ly/docs/cesdk/js/starterkits/extensibility-329f7e/) - [PSD Template Import](https://img.ly/docs/cesdk/js/starterkits/psd-template-import-psd001/) - [PPTX Template Import](https://img.ly/docs/cesdk/js/starterkits/pptx-template-import-pptx01/) - [InDesign Template Import](https://img.ly/docs/cesdk/js/starterkits/indesign-template-import-idml01/) - [PDF Template Import](https://img.ly/docs/cesdk/js/starterkits/pdf-template-import-pdf001/) - [Content Moderation](https://img.ly/docs/cesdk/js/starterkits/content-moderation-abc123/) - [Design Validation](https://img.ly/docs/cesdk/js/starterkits/design-validation-def456/) - [Version History](https://img.ly/docs/cesdk/js/starterkits/version-history-vh1st0/) - [HTML5 Ads Exporter](https://img.ly/docs/cesdk/js/starterkits/html5-ads-exporter-h5adx1/) ### [Guides](https://img.ly/docs/cesdk/js/guides-8d8b00/) #### [AI Features](https://img.ly/docs/cesdk/js/user-interface/ai-integration-5aa356/) - [Integrate AI Into CE.SDK](https://img.ly/docs/cesdk/js/user-interface/ai-integration/integrate-8e906c/) - [Managed Model Gateway](https://img.ly/docs/cesdk/js/user-interface/ai-integration/gateway-provider-06df22/) - [Image Generation](https://img.ly/docs/cesdk/js/user-interface/ai-integration/image-generation-0540d9/) - [Video Generation](https://img.ly/docs/cesdk/js/user-interface/ai-integration/video-generation-b3122d/) - [Audio Generation](https://img.ly/docs/cesdk/js/user-interface/ai-integration/audio-generation-2d502a/) - [Text Generation](https://img.ly/docs/cesdk/js/user-interface/ai-integration/text-generation-3e8302/) - [Auto Captions](https://img.ly/docs/cesdk/js/user-interface/ai-integration/auto-captions-73368c/) - [Customize Connection](https://img.ly/docs/cesdk/js/user-interface/ai-integration/customize-connection-cnnct1/) - [Custom Model Provider](https://img.ly/docs/cesdk/js/user-interface/ai-integration/custom-provider-16e851/) - [Self-Hosted Model Proxy](https://img.ly/docs/cesdk/js/user-interface/ai-integration/proxy-server-61f901/) #### [Configuration](https://img.ly/docs/cesdk/js/configuration-2c1c3d/) #### [Actions](https://img.ly/docs/cesdk/js/actions-6ch24x/) #### [Settings](https://img.ly/docs/cesdk/js/settings-970c98/) #### [Serve Assets](https://img.ly/docs/cesdk/js/serve-assets-b0827c/) #### [Engine](https://img.ly/docs/cesdk/js/engine-interface-6fb7cf/) #### [Automate Workflows](https://img.ly/docs/cesdk/js/automation-715209/) - [Overview](https://img.ly/docs/cesdk/js/automation/overview-34d971/) - [Batch Processing](https://img.ly/docs/cesdk/js/automation/batch-processing-ab2d18/) - [Auto-Resize](https://img.ly/docs/cesdk/js/automation/auto-resize-4c2d58/) - [Data Merge](https://img.ly/docs/cesdk/js/automation/data-merge-ae087c/) - [Design Generation](https://img.ly/docs/cesdk/js/automation/design-generation-98a99e/) #### [User Interface](https://img.ly/docs/cesdk/js/user-interface-5a089a/) - [Overview](https://img.ly/docs/cesdk/js/user-interface/overview-41101a/) - [Appearance](https://img.ly/docs/cesdk/js/user-interface/appearance-b155eb/) - [Theming](https://img.ly/docs/cesdk/js/user-interface/appearance/theming-4b0938/) - [Change UI Font](https://img.ly/docs/cesdk/js/user-interface/appearance/change-ui-font-49b6fc/) - [Custom Labels](https://img.ly/docs/cesdk/js/user-interface/appearance/custom-labels-7794f7/) - [Icons](https://img.ly/docs/cesdk/js/user-interface/appearance/icons-679e32/) - [Customization](https://img.ly/docs/cesdk/js/user-interface/customization-72b2f8/) - [Show/Hide Components](https://img.ly/docs/cesdk/js/user-interface/customization/quick-start/show-hide-components-e5f6g7/) - [Reorder Components](https://img.ly/docs/cesdk/js/user-interface/customization/quick-start/reorder-components-f6g7h8/) - [Add Action Buttons](https://img.ly/docs/cesdk/js/user-interface/customization/quick-start/add-action-buttons-g7h8i9/) - [Add Dock Buttons](https://img.ly/docs/cesdk/js/user-interface/customization/quick-start/add-dock-buttons-j1k2l3/) - [Create Custom Components](https://img.ly/docs/cesdk/js/user-interface/customization/quick-start/create-custom-components-h8i9j0/) - [Page Format](https://img.ly/docs/cesdk/js/user-interface/customization/page-format-496315/) - [Crop Presets](https://img.ly/docs/cesdk/js/user-interface/customization/crop-presets-f94f26/) - [Force Crop](https://img.ly/docs/cesdk/js/user-interface/customization/force-crop-c2854e/) - [Movement Constraints](https://img.ly/docs/cesdk/js/user-interface/customization/movement-constraints-8f3a2c/) - [Color Palette](https://img.ly/docs/cesdk/js/user-interface/customization/color-palette-429fd9/) - [Disable or Enable Features](https://img.ly/docs/cesdk/js/user-interface/customization/disable-or-enable-f058e2/) - [Navigation Bar](https://img.ly/docs/cesdk/js/user-interface/customization/navigation-bar-4e5d39/) - [Dock](https://img.ly/docs/cesdk/js/user-interface/customization/dock-cb916c/) - [Panel](https://img.ly/docs/cesdk/js/user-interface/customization/panel-7ce1ee/) - [Inspector Bar](https://img.ly/docs/cesdk/js/user-interface/customization/inspector-bar-8ca1cd/) - [Canvas Menu](https://img.ly/docs/cesdk/js/user-interface/customization/canvas-menu-0d2b5b/) - [Clip Context Menu](https://img.ly/docs/cesdk/js/-f8e7d6/) - [Canvas Bar](https://img.ly/docs/cesdk/js/user-interface/customization/canvas-632c8e/) - [Loading Indicator](https://img.ly/docs/cesdk/js/-575e91/) - [Component Order API](https://img.ly/docs/cesdk/js/user-interface/customization/reference/component-order-api-d4e5f6/) - [Component Reference](https://img.ly/docs/cesdk/js/user-interface/customization/reference/component-reference-k2l3m4/) - [UI Extensions](https://img.ly/docs/cesdk/js/user-interface/ui-extensions-d194d1/) - [Quick Actions](https://img.ly/docs/cesdk/js/user-interface/ui-extensions/quick-actions-1e478d/) - [Add a Custom Feature](https://img.ly/docs/cesdk/js/user-interface/ui-extensions/add-custom-feature-2a26b6/) - [Register a New Component](https://img.ly/docs/cesdk/js/user-interface/ui-extensions/register-new-component-b04a04/) - [Create Custom Panel](https://img.ly/docs/cesdk/js/user-interface/ui-extensions/create-custom-panel-d87b83/) - [Asset Library](https://img.ly/docs/cesdk/js/user-interface/ui-extensions/asset-library-f2c082/) - [Customize Behaviour](https://img.ly/docs/cesdk/js/user-interface/ui-extensions/customize-behaviour-c09cb2/) - [Notifications and Dialogs](https://img.ly/docs/cesdk/js/user-interface/ui-extensions/notifications-and-dialogs-fec36a/) - [Build Your Own UI](https://img.ly/docs/cesdk/js/user-interface/build-your-own-ui-fe7527/) - [Localization](https://img.ly/docs/cesdk/js/user-interface/localization-508e20/) - [Custom Error Messages](https://img.ly/docs/cesdk/js/user-interface/custom-error-messages-2e8555/) - [Keyboard Shortcuts](https://img.ly/docs/cesdk/js/user-interface/keyboard-f4c3d1/) #### [Open the Editor](https://img.ly/docs/cesdk/js/open-the-editor-23a1db/) - [Overview](https://img.ly/docs/cesdk/js/open-the-editor/overview-99444b/) - [Load a Scene](https://img.ly/docs/cesdk/js/open-the-editor/load-scene-478833/) - [Start With Blank Canvas](https://img.ly/docs/cesdk/js/open-the-editor/blank-canvas-18ff05/) - [Create From Image](https://img.ly/docs/cesdk/js/open-the-editor/from-image-ad9b5e/) - [Create From HTMLCanvas](https://img.ly/docs/cesdk/js/open-the-editor/from-htmlcanvas-2adf30/) - [Create From Video](https://img.ly/docs/cesdk/js/open-the-editor/from-video-86beb0/) - [Create From Template](https://img.ly/docs/cesdk/js/open-the-editor/from-template-46c096/) - [Import a Design](https://img.ly/docs/cesdk/js/open-the-editor/import-design-73b9c5/) - [From InDesign](https://img.ly/docs/cesdk/js/open-the-editor/import-design/from-indesign-ba3988/) - [From Photoshop](https://img.ly/docs/cesdk/js/open-the-editor/import-design/from-photoshop-cca6bb/) - [From Archive](https://img.ly/docs/cesdk/js/open-the-editor/import-design/from-archive-dde9fa/) - [Set Zoom Level](https://img.ly/docs/cesdk/js/open-the-editor/set-zoom-level-d31896/) - [URI Resolver](https://img.ly/docs/cesdk/js/open-the-editor/uri-resolver-36b624/) #### [Insert Media Assets](https://img.ly/docs/cesdk/js/insert-media-a217f5/) - [Overview](https://img.ly/docs/cesdk/js/insert-media/overview-491658/) - [Insert Images](https://img.ly/docs/cesdk/js/insert-media/images-63848a/) - [Insert Videos](https://img.ly/docs/cesdk/js/insert-media/videos-a5fa03/) - [Insert Audio](https://img.ly/docs/cesdk/js/insert-media/audio-c10f10/) - [Insert Shapes or Stickers](https://img.ly/docs/cesdk/js/insert-media/shapes-or-stickers-20ac68/) #### [Import Media Assets](https://img.ly/docs/cesdk/js/import-media-4e3703/) - [Overview](https://img.ly/docs/cesdk/js/import-media/overview-84bb23/) - [Concepts](https://img.ly/docs/cesdk/js/import-media/concepts-5e6197/) - [Asset Library](https://img.ly/docs/cesdk/js/import-media/asset-library-65d6c4/) - [Basics](https://img.ly/docs/cesdk/js/import-media/asset-library/basics-f29078/) - [Customize](https://img.ly/docs/cesdk/js/import-media/asset-library/customize-c9a4de/) - [Thumbnails](https://img.ly/docs/cesdk/js/import-media/asset-library/thumbnails-c23949/) - [Refresh Assets](https://img.ly/docs/cesdk/js/import-media/asset-library/refresh-assets-382060/) - [Import From Local Source](https://img.ly/docs/cesdk/js/import-media/from-local-source-39b2a9/) - [From User Upload](https://img.ly/docs/cesdk/js/import-media/from-local-source/user-upload-c6c7d9/) - [Import From Remote Source](https://img.ly/docs/cesdk/js/import-media/from-remote-source-b65faf/) - [Import Remote Asset](https://img.ly/docs/cesdk/js/import-media/from-remote-source/remote-asset-484685/) - [From Your Server](https://img.ly/docs/cesdk/js/import-media/from-remote-source/your-server-b91910/) - [From IMG.LY Premium Assets](https://img.ly/docs/cesdk/js/import-media/from-remote-source/imgly-premium-assets-eb1688/) - [From Third-Party](https://img.ly/docs/cesdk/js/import-media/from-remote-source/third-party-a05854/) - [From Unsplash](https://img.ly/docs/cesdk/js/import-media/from-remote-source/unsplash-8f31f0/) - [From Pexels](https://img.ly/docs/cesdk/js/import-media/from-remote-source/pexels-90d5df/) - [From Getty Images](https://img.ly/docs/cesdk/js/import-media/from-remote-source/getty-images-a3931c/) - [From Soundstripe](https://img.ly/docs/cesdk/js/import-media/from-remote-source/soundstripe-9a42a9/) - [Versioning of Assets](https://img.ly/docs/cesdk/js/import-media/from-remote-source/asset-versioning-0a4d58/) - [Capture From Camera](https://img.ly/docs/cesdk/js/import-media/capture-from-camera-92f388/) - [Record Video](https://img.ly/docs/cesdk/js/import-media/capture-from-camera/record-video-47819b/) - [Edit or Remove Assets](https://img.ly/docs/cesdk/js/import-media/edit-or-remove-assets-ce072c/) - [Source Sets](https://img.ly/docs/cesdk/js/import-media/source-sets-5679c8/) - [Using Default Assets](https://img.ly/docs/cesdk/js/import-media/default-assets-d2763d/) - [Retrieve Mimetype](https://img.ly/docs/cesdk/js/import-media/retrieve-mimetype-ed13bf/) - [Asset Content JSON Schema](https://img.ly/docs/cesdk/js/import-media/content-json-schema-a7b3d2/) - [File Format Support](https://img.ly/docs/cesdk/js/import-media/file-format-support-8cdc84/) - [Size Limits](https://img.ly/docs/cesdk/js/import-media/size-limits-c32275/) #### [Export Media Assets](https://img.ly/docs/cesdk/js/export-save-publish/export-82f968/) - [Overview](https://img.ly/docs/cesdk/js/export-save-publish/export/overview-9ed3a8/) - [For Social Media](https://img.ly/docs/cesdk/js/export-save-publish/for-social-media-0e8a92/) - [To MP4](https://img.ly/docs/cesdk/js/export-save-publish/export/to-mp4-c998a8/) - [For Audio Processing](https://img.ly/docs/cesdk/js/export-save-publish/export/audio-68de25/) - [To PDF](https://img.ly/docs/cesdk/js/export-save-publish/export/to-pdf-95e04b/) - [To JPEG](https://img.ly/docs/cesdk/js/export-save-publish/export/to-jpeg-6f88e9/) - [To PNG](https://img.ly/docs/cesdk/js/export-save-publish/export/to-png-f87eaf/) - [To WebP](https://img.ly/docs/cesdk/js/export-save-publish/export/to-webp-aef6f4/) - [To HTML5](https://img.ly/docs/cesdk/js/export-save-publish/export/to-html5-76d2ab/) - [To Raw Data](https://img.ly/docs/cesdk/js/export-save-publish/export/to-raw-data-abd7da/) - [Compress](https://img.ly/docs/cesdk/js/export-save-publish/export/compress-29105e/) - [With a Color Mask](https://img.ly/docs/cesdk/js/export-save-publish/export/with-color-mask-4f868f/) - [Pre-Export Validation](https://img.ly/docs/cesdk/js/export-save-publish/pre-export-validation-3a2cba/) - [Partial Export](https://img.ly/docs/cesdk/js/export-save-publish/export/partial-export-89aaf6/) - [Size Limits](https://img.ly/docs/cesdk/js/export-save-publish/export/size-limits-6f0695/) - [Create Thumbnail](https://img.ly/docs/cesdk/js/export-save-publish/create-thumbnail-749be1/) - [For Printing](https://img.ly/docs/cesdk/js/export-save-publish/for-printing-bca896/) #### [Save](https://img.ly/docs/cesdk/js/export-save-publish/save-c8b124/) #### [Store Custom Metadata](https://img.ly/docs/cesdk/js/export-save-publish/store-custom-metadata-337248/) #### [Create and Edit Images](https://img.ly/docs/cesdk/js/edit-image-c64912/) - [Overview](https://img.ly/docs/cesdk/js/edit-image/overview-5249ea/) - [Replace Colors](https://img.ly/docs/cesdk/js/edit-image/replace-colors-6ede17/) - [Remove Background](https://img.ly/docs/cesdk/js/edit-image/remove-bg-9dfcf7/) - [Vectorize](https://img.ly/docs/cesdk/js/edit-image/vectorize-2b4c7f/) - [Transform](https://img.ly/docs/cesdk/js/edit-image/transform-9d189b/) - [Move](https://img.ly/docs/cesdk/js/edit-image/transform/move-818dd9/) - [Crop](https://img.ly/docs/cesdk/js/edit-image/transform/crop-f67a47/) - [Rotate](https://img.ly/docs/cesdk/js/edit-image/transform/rotate-5f39c9/) - [Resize](https://img.ly/docs/cesdk/js/edit-image/transform/resize-407242/) - [Scale](https://img.ly/docs/cesdk/js/edit-image/transform/scale-ebe367/) - [Add Watermark](https://img.ly/docs/cesdk/js/edit-image/add-watermark-679de0/) #### [Create and Edit Videos](https://img.ly/docs/cesdk/js/create-video-c41a08/) - [Overview](https://img.ly/docs/cesdk/js/create-video/overview-b06512/) - [Timeline Editor](https://img.ly/docs/cesdk/js/create-video/timeline-editor-912252/) - [Control Audio and Video](https://img.ly/docs/cesdk/js/create-video/control-daba54/) - [Trim](https://img.ly/docs/cesdk/js/edit-video/trim-4f688b/) - [Split](https://img.ly/docs/cesdk/js/edit-video/split-464167/) - [Join and Arrange](https://img.ly/docs/cesdk/js/edit-video/join-and-arrange-3bbc30/) - [Transform](https://img.ly/docs/cesdk/js/edit-video/transform-369f28/) - [Move](https://img.ly/docs/cesdk/js/edit-video/transform/move-aa9d89/) - [Crop](https://img.ly/docs/cesdk/js/edit-video/transform/crop-8b1741/) - [Rotate](https://img.ly/docs/cesdk/js/edit-video/transform/rotate-eaf662/) - [Resize](https://img.ly/docs/cesdk/js/edit-video/transform/resize-b1ce14/) - [Scale](https://img.ly/docs/cesdk/js/edit-video/transform/scale-f75c8a/) - [Flip](https://img.ly/docs/cesdk/js/edit-video/transform/flip-a603b0/) - [Apply Transitions](https://img.ly/docs/cesdk/js/create-video/apply-transitions-146026/) - [Add Captions](https://img.ly/docs/cesdk/js/edit-video/add-captions-f67565/) - [Update Caption Presets](https://img.ly/docs/cesdk/js/create-video/update-caption-presets-e9c385/) - [Add Watermark](https://img.ly/docs/cesdk/js/edit-video/add-watermark-762ce6/) - [Redaction](https://img.ly/docs/cesdk/js/edit-video/redaction-cf6d03/) - [Editing Overview](https://img.ly/docs/cesdk/js/overview-7d12d5/) - [Limitations](https://img.ly/docs/cesdk/js/create-video/limitations-6a740d/) #### [Create and Edit Audio](https://img.ly/docs/cesdk/js/create-audio/audio-2f700b/) - [Add Sound Effects](https://img.ly/docs/cesdk/js/create-audio/audio/add-sound-effects-9e984e/) - [Add Music](https://img.ly/docs/cesdk/js/create-audio/audio/add-music-5b182c/) - [Adjust Volume](https://img.ly/docs/cesdk/js/create-audio/audio/adjust-volume-7ecc4a/) - [Fade In and Out](https://img.ly/docs/cesdk/js/create-audio/audio/fade-a4d7e2/) - [Adjust Speed](https://img.ly/docs/cesdk/js/create-audio/audio/adjust-speed-908d57/) - [Loop](https://img.ly/docs/cesdk/js/create-audio/audio/loop-937be7/) #### [Create and Edit Text](https://img.ly/docs/cesdk/js/text-8a993a/) - [Overview](https://img.ly/docs/cesdk/js/text/overview-0bd620/) - [Add Text](https://img.ly/docs/cesdk/js/text/add-4f5011/) - [Edit Text](https://img.ly/docs/cesdk/js/text/edit-c5106b/) - [Text Styling](https://img.ly/docs/cesdk/js/text/styling-269c48/) - [Text Decorations](https://img.ly/docs/cesdk/js/text/decorations-d3c0a1/) - [Text on a Path](https://img.ly/docs/cesdk/js/text/text-on-path-e3b8a2/) - [Text Designs](https://img.ly/docs/cesdk/js/text/text-designs-a1b2c3/) - [Text Enumerations](https://img.ly/docs/cesdk/js/text/enumerations-b5c1d2/) - [Auto-Size](https://img.ly/docs/cesdk/js/text/auto-size-5331b3/) - [Text Effects](https://img.ly/docs/cesdk/js/text/effects-2dc9fc/) - [Emojis](https://img.ly/docs/cesdk/js/text/emojis-510651/) - [Adjust Spacing](https://img.ly/docs/cesdk/js/text/adjust-spacing-c1a3b6/) - [Customize Fonts](https://img.ly/docs/cesdk/js/text/custom-fonts-9565b3/) - [Language Support](https://img.ly/docs/cesdk/js/text/language-support-a0f010/) - [Understanding Text Rendering](https://img.ly/docs/cesdk/js/guides/text/rendering-internals-7c5c6a/) #### [Create and Edit Shapes](https://img.ly/docs/cesdk/js/shapes-9f1b2c/) - [Create Shapes](https://img.ly/docs/cesdk/js/stickers-and-shapes/create-edit/create-shapes-64acc0/) - [Edit Shapes](https://img.ly/docs/cesdk/js/stickers-and-shapes/create-edit/edit-shapes-d67cfb/) - [Combine Shapes](https://img.ly/docs/cesdk/js/stickers-and-shapes/combine-2a9e26/) - [Insert QR Code](https://img.ly/docs/cesdk/js/stickers-and-shapes/insert-qr-code-b6cc53/) #### [Create and Edit Stickers](https://img.ly/docs/cesdk/js/stickers-3d4e5f/) - [Create Stickers](https://img.ly/docs/cesdk/js/stickers-and-shapes/create-edit/create-stickers-cc46e5/) - [Create Cutout](https://img.ly/docs/cesdk/js/stickers-and-shapes/create-cutout-384be3/) #### [Create and Edit Compositions](https://img.ly/docs/cesdk/js/create-composition-db709c/) - [Overview](https://img.ly/docs/cesdk/js/create-composition/overview-5b19c5/) - [Multi-Page Layouts](https://img.ly/docs/cesdk/js/create-composition/multi-page-4d2b50/) - [Design a Layout](https://img.ly/docs/cesdk/js/create-composition/layout-b66311/) - [Add a Background](https://img.ly/docs/cesdk/js/create-composition/add-background-375a47/) - [Position and Align](https://img.ly/docs/cesdk/js/create-composition/position-and-align-cc6b6a/) - [Group and Ungroup Objects](https://img.ly/docs/cesdk/js/create-composition/group-and-ungroup-62565a/) - [Layers](https://img.ly/docs/cesdk/js/create-composition/layer-management-18f07a/) - [Lock Design](https://img.ly/docs/cesdk/js/create-composition/lock-design-0a81de/) - [Blend Modes](https://img.ly/docs/cesdk/js/create-composition/blend-modes-ad3519/) - [Programmatic Creation](https://img.ly/docs/cesdk/js/create-composition/programmatic-a688bf/) #### [Create and Use Templates](https://img.ly/docs/cesdk/js/create-templates-3aef79/) - [Overview](https://img.ly/docs/cesdk/js/create-templates/overview-4ebe30/) - [Create From Scratch](https://img.ly/docs/cesdk/js/create-templates/from-scratch-663cda/) - [Import Templates](https://img.ly/docs/cesdk/js/create-templates/import-e50084/) - [From Scene File](https://img.ly/docs/cesdk/js/create-templates/import/from-scene-file-52a01e/) - [Dynamic Content](https://img.ly/docs/cesdk/js/create-templates/add-dynamic-content-53fad7/) - [Text Variables](https://img.ly/docs/cesdk/js/create-templates/add-dynamic-content/text-variables-7ecb50/) - [Placeholders](https://img.ly/docs/cesdk/js/create-templates/add-dynamic-content/placeholders-d9ba8a/) - [Set Editing Constraints](https://img.ly/docs/cesdk/js/create-templates/add-dynamic-content/set-editing-constraints-c892c0/) - [Form-Based Editing](https://img.ly/docs/cesdk/js/create-templates/add-dynamic-content/form-based-editing-a8a779/) - [Lock the Template](https://img.ly/docs/cesdk/js/create-templates/lock-131489/) - [Edit or Remove Templates](https://img.ly/docs/cesdk/js/create-templates/edit-or-remove-38a8be/) - [Add to Template Library](https://img.ly/docs/cesdk/js/create-templates/add-to-template-library-8bfbc7/) - [Use Templates Overview](https://img.ly/docs/cesdk/js/use-templates/overview-ae74e1/) - [Template Library](https://img.ly/docs/cesdk/js/use-templates/library-b3c704/) - [Apply a Template](https://img.ly/docs/cesdk/js/use-templates/apply-template-35c73e/) - [Generate From Template](https://img.ly/docs/cesdk/js/use-templates/generate-334e15/) - [Replace Content](https://img.ly/docs/cesdk/js/use-templates/replace-content-4c482b/) - [Programmatic](https://img.ly/docs/cesdk/js/use-templates/programmatic-9349f3/) #### [Colors](https://img.ly/docs/cesdk/js/colors-a9b79c/) - [Overview](https://img.ly/docs/cesdk/js/colors/overview-16a177/) - [Color Basics](https://img.ly/docs/cesdk/js/colors/basics-307115/) - [For Print](https://img.ly/docs/cesdk/js/colors/for-print-59bc05/) - [CMYK Colors](https://img.ly/docs/cesdk/js/colors/for-print/cmyk-8a1334/) - [Spot Colors](https://img.ly/docs/cesdk/js/colors/for-print/spot-c3a150/) - [For Screen](https://img.ly/docs/cesdk/js/colors/for-screen-1911f8/) - [sRGB Colors](https://img.ly/docs/cesdk/js/colors/for-screen/srgb-e6f59b/) - [P3 Colors](https://img.ly/docs/cesdk/js/colors/for-screen/p3-706127/) - [Apply Colors](https://img.ly/docs/cesdk/js/colors/apply-2211e3/) - [Create a Color Palette](https://img.ly/docs/cesdk/js/colors/create-color-palette-7012e0/) - [Replace Individual Colors](https://img.ly/docs/cesdk/js/colors/replace-48cd71/) - [Adjust Colors](https://img.ly/docs/cesdk/js/colors/adjust-590d1e/) - [Extract Dominant Colors](https://img.ly/docs/cesdk/js/colors/extract-colors-d4c0a1/) - [Color Conversion](https://img.ly/docs/cesdk/js/colors/conversion-bcd82b/) #### [Fills](https://img.ly/docs/cesdk/js/fills-402ddc/) - [Overview](https://img.ly/docs/cesdk/js/fills/overview-3895ee/) - [Solid Color](https://img.ly/docs/cesdk/js/fills/color-7129cd/) - [Gradient](https://img.ly/docs/cesdk/js/fills/gradient-0ff079/) - [Image](https://img.ly/docs/cesdk/js/fills/image-e9cb5c/) - [Video](https://img.ly/docs/cesdk/js/fills/video-ec7f9f/) #### [Outlines](https://img.ly/docs/cesdk/js/outlines-b7820c/) - [Overview](https://img.ly/docs/cesdk/js/outlines/overview-dfeb12/) - [Using Strokes](https://img.ly/docs/cesdk/js/outlines/strokes-c2e621/) - [Shadows and Glows](https://img.ly/docs/cesdk/js/outlines/shadows-and-glows-6610fa/) #### [Filters and Effects](https://img.ly/docs/cesdk/js/filters-and-effects-6f88ac/) - [Overview](https://img.ly/docs/cesdk/js/filters-and-effects/overview-299b15/) - [Supported Filters and Effects](https://img.ly/docs/cesdk/js/filters-and-effects/support-a666dd/) - [Apply Filter or Effect](https://img.ly/docs/cesdk/js/filters-and-effects/apply-2764e4/) - [Create Custom Filters](https://img.ly/docs/cesdk/js/filters-and-effects/create-custom-filters-c796ba/) - [Apply Chroma Key (Green Screen)](https://img.ly/docs/cesdk/js/filters-and-effects/chroma-key-green-screen-1e3e99/) - [Apply Blur](https://img.ly/docs/cesdk/js/filters-and-effects/blur-71d642/) - [Apply Custom LUT Filter](https://img.ly/docs/cesdk/js/filters-and-effects/create-custom-lut-filter-6e3f49/) - [Distortion](https://img.ly/docs/cesdk/js/filters-and-effects/distortion-5b5a66/) - [Duotone](https://img.ly/docs/cesdk/js/filters-and-effects/duotone-831fc5/) #### [Animation](https://img.ly/docs/cesdk/js/animation-ce900c/) - [Overview](https://img.ly/docs/cesdk/js/animation/overview-6a2ef2/) - [Supported Animation Types](https://img.ly/docs/cesdk/js/animation/types-4e5f41/) - [Create Animations](https://img.ly/docs/cesdk/js/animation/create-15cf50/) - [Base Animations](https://img.ly/docs/cesdk/js/animation/create/base-0fc5c4/) - [Text Animations](https://img.ly/docs/cesdk/js/animation/create/text-d6f4aa/) - [Edit Animations](https://img.ly/docs/cesdk/js/animation/edit-32c12a/) #### [Rules](https://img.ly/docs/cesdk/js/rules-1427c0/) - [Overview](https://img.ly/docs/cesdk/js/rules/overview-e27832/) - [Enforce Brand Guidelines](https://img.ly/docs/cesdk/js/rules/enforce-brand-guidelines-23a1e3/) - [Lock Content](https://img.ly/docs/cesdk/js/rules/lock-content-9fa727/) - [Moderate Content](https://img.ly/docs/cesdk/js/rules/moderate-content-d5ff7e/) #### [Conversion](https://img.ly/docs/cesdk/js/conversion-c3fbb3/) - [Overview](https://img.ly/docs/cesdk/js/conversion/overview-44dc58/) - [To Base64](https://img.ly/docs/cesdk/js/conversion/to-base64-39ff25/) - [To PNG](https://img.ly/docs/cesdk/js/export-save-publish/export/to-png-f87eaf/) - [To PDF](https://img.ly/docs/cesdk/js/conversion/to-pdf-eb937f/) #### [Improve Performance](https://img.ly/docs/cesdk/js/performance-3c12eb/) ### [Plugins](https://img.ly/docs/cesdk/js/plugins-693c48/) #### [Asset Sources](https://img.ly/docs/cesdk/js/plugins/asset-sources-a7f3b2/) #### [Print Ready PDFs](https://img.ly/docs/cesdk/js/plugins/print-ready-pdf-iroalu/) #### [HTML5 Export](https://img.ly/docs/cesdk/js/export-save-publish/export/to-html5-76d2ab/) #### [Background Removal](https://img.ly/docs/cesdk/js/edit-image/remove-bg-9dfcf7/) #### [Vectorizer](https://img.ly/docs/cesdk/js/edit-image/vectorize-2b4c7f/) #### [Perfectly Clear](https://img.ly/docs/cesdk/js/plugins/perfectly-clear-e0fa1c/) #### [Cutout Library](https://img.ly/docs/cesdk/js/stickers-and-shapes/create-cutout-384be3/) #### [QR Code](https://img.ly/docs/cesdk/js/stickers-and-shapes/insert-qr-code-b6cc53/) #### [Soundstripe](https://img.ly/docs/cesdk/js/import-media/from-remote-source/soundstripe-9a42a9/) ### [API Reference](https://img.ly/docs/cesdk/js/api-reference/overview-8f24e1/) #### [@imgly/cesdk-js](https://img.ly/docs/cesdk/js/api/cesdk-js/) #### [@imgly/engine](https://img.ly/docs/cesdk/js/api/engine/) ### [Compatibility & Security](https://img.ly/docs/cesdk/js/compatibility-fef719/) #### [Browser Support](https://img.ly/docs/cesdk/js/browser-support-28c1b0/) #### [System Compatibility](https://img.ly/docs/cesdk/js/compatibility-139ef9/) #### [File Format Support](https://img.ly/docs/cesdk/js/file-format-support-3c4b2a/) #### [Security](https://img.ly/docs/cesdk/js/security-777bfd/) ### [Upgrading](https://img.ly/docs/cesdk/js/upgrade-4f8715/) #### [To v1.10](https://img.ly/docs/cesdk/js/to-v1-10-1ff469/) #### [To v1.13](https://img.ly/docs/cesdk/js/to-v1-13-d1ac5d/) #### [To v1.19](https://img.ly/docs/cesdk/js/to-v1-19-55bcad/) #### [To v1.32](https://img.ly/docs/cesdk/js/to-v1-32-1b6ae8/) #### [To v1.69](https://img.ly/docs/cesdk/js/to-v1-69-193354/) #### [To v1.72](https://img.ly/docs/cesdk/js/to-v1-72-b37fa1/) #### [To v1.77](https://img.ly/docs/cesdk/js/to-v1-77-e7f3a1/) --- ## Other Platforms - **Mobile**: [iOS](https://img.ly/docs/cesdk/ios.md), [Android](https://img.ly/docs/cesdk/android.md), [Flutter](https://img.ly/docs/cesdk/flutter.md), [React Native](https://img.ly/docs/cesdk/react-native.md) - **Web**: [React](https://img.ly/docs/cesdk/react.md), [Angular](https://img.ly/docs/cesdk/angular.md), [Vue](https://img.ly/docs/cesdk/vue.md), [Svelte](https://img.ly/docs/cesdk/svelte.md), [Next.js](https://img.ly/docs/cesdk/nextjs.md), [Nuxt.js](https://img.ly/docs/cesdk/nuxtjs.md), [SvelteKit](https://img.ly/docs/cesdk/sveltekit.md) - **Desktop**: [Electron](https://img.ly/docs/cesdk/electron.md), [Mac Catalyst](https://img.ly/docs/cesdk/mac-catalyst.md), [macOS](https://img.ly/docs/cesdk/macos.md) - **Server**: [Node.js](https://img.ly/docs/cesdk/node.md), [Renderer](https://img.ly/docs/cesdk/renderer.md) --- ## How to Use This Documentation **For LLMs/AI Assistants:** - Each link above points to a `.md` version of the documentation page - Append `.md` to any documentation URL to get the markdown version - For complete context in one file, use [llms-full.txt](https://img.ly/docs/cesdk/js/llms-full.txt) **For Developers:** - Visit the [web documentation](https://img.ly/docs/cesdk/js/) for interactive examples - Check the [GitHub examples](https://github.com/imgly/cesdk-web-examples) for runnable code --- ## Support - **Documentation:** [https://img.ly/docs/cesdk](https://img.ly/docs/cesdk) - **Support:** [support@img.ly](mailto:support@img.ly) - **Website:** [img.ly](https://img.ly)