Skip to content
IMG.LY
Products
CreativeEditor SDK
Empower your users to design anything
Starter Kits
Default UI
Video UI
Apparel UI
Automated Resizing
Explore All Demos
Camera SDK
PhotoEditor SDK
VideoEditor SDK
Solutions
Print
Photo Prints
Print Personalization
Variable Data Printing
Web-to-Print Design Tool
Marketing Tech
Creative Automation
Social Media
Stories & Reels
DAM
E-Learning
Brands and Agencies
E-Commerce
Website Builder
Can‘t find what you‘re looking for?
Talk to us
to find the right solution for your use case.
Docs
CreativeEditor SDK
Get Started
Guides
Frameworks
Camera SDK
Get Started
Guides
VideoEditor SDK
Get Started
Guides
Frameworks
API Reference
PhotoEditor SDK
Get Started
Guides
Frameworks
API Reference
Didn't find the answers you were looking for?
Visit our Support Desk
Pricing
Resources
Resources
Blog
Case Studies
White Papers
Templates
Partners
Customers
Support
What's New
Featured
Get in Touch
Free Trial
Products
CreativeEditor SDK
Empower your users to design anything
Starter Kits
Default UI
Video UI
Apparel UI
Automated Resizing
Explore All Demos
Camera SDK
PhotoEditor SDK
VideoEditor SDK
Solutions
Print
Photo Prints
Print Personalization
Variable Data Printing
Web-to-Print Design Tool
Marketing Tech
Creative Automation
Social Media
Stories & Reels
DAM
E-Learning
Brands and Agencies
E-Commerce
Website Builder
Can‘t find what you‘re looking for?
Talk to us
to find the right solution for your use case.
Docs
CreativeEditor SDK
Get Started
Guides
Frameworks
Camera SDK
Get Started
Guides
VideoEditor SDK
Get Started
Guides
Frameworks
API Reference
PhotoEditor SDK
Get Started
Guides
Frameworks
API Reference
Didn't find the answers you were looking for?
Visit our Support Desk
Pricing
Resources
Resources
Blog
Case Studies
White Papers
Templates
Partners
Customers
Support
What's New
Featured
Get in Touch
Free Trial
/
SDK Docs
Search (⌘+K)
Menu
SDK Docs
Vanilla JS
Mobile
Android
Flutter
iOS
React Native
Web
Angular
React
Svelte
Vanilla JS
Vue
Desktop
Electron
Mac Catalyst
macOS
Server
Node.js
v1.51.0 (latest)
Changelog
Release Notes
Demo
Support
FAQ
Search (⌘+K)
Overview
Get Started
Prebuilt Solutions
Guides
Concepts
Configuration
Settings
Serve Assets
User Interface
Open the Editor
Overview
Load a Scene
Start With Blank Canvas
Create From Image
Create From HTMLCanvas
Create From Video
Set Zoom Level
URI Resolver
Import Media
Insert Media Into Scenes
Export, Save, and Publish
Automate Workflows
Create Templates
Use Templates
Create Videos
Edit Videos
Create Compositions
Edit Images
Animation
Text
Stickers and Shapes
Fills
Outlines
Filters and Effects
Colors
Rules
Conversion
Improve Performance
Upgrade
LLMs.txt
CE.SDK
/
Vanilla JS
/
Guides
/
Open the Editor
Open the Editor
Overview
Learn how to load and create scenes, set the zoom level, and configure file proxies or URI resolvers.
Load a Scene
Load existing design scenes into the editor to resume or modify previous work.
Start With Blank Canvas
Launch the editor with an empty canvas as a starting point for new designs.
Create From Image
Open the editor using an image as the base design, with tools ready for immediate editing.
Create From HTMLCanvas
Start the editor from an HTMLCanvas element and enable editing on top of its rendered content.
Create From Video
Load a video file into the editor to start editing frame-based or timeline-based video content.
JavaScript Image Zoom Library
Programmatically adjust the zoom level of the canvas to focus on specific areas of the design.
URI Resolver
Customize how asset URIs are resolved and loaded into the editor for full control over file handling.
Previous
UI Events
Next
Overview
©
IMG.LY
Contact Us
Imprint
Privacy Policy
Acknowledgements
Terms