--- title: "Video Editor SDK for Web - Embed in Days, Not Months" description: "Add a customizable, in-app video editor to your web product so non-creators can trim, remix, animate, and export on-brand videos with templates and AI." url: "https://img.ly/products/video-for-web/" type: "page" --- > This is the markdown version of [Video Editor SDK for Web - Embed in Days, Not Months](https://img.ly/products/video-for-web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt). --- # Video for web: Embed a production-ready web video editor in days, not months Add a customizable, in-app video editor to your web platform — complete with timeline, effects, and export — using a single SDK. - Deeply customizable - WebAssembly-powered - Templates & automation - Server-side rendering **Available for:** - **Web:** [JavaScript](https://img.ly/docs/cesdk/js/get-started/overview-e18f40.md), [React](https://img.ly/docs/cesdk/react/get-started/overview-e18f40.md), [Angular](https://img.ly/docs/cesdk/angular/get-started/overview-e18f40.md), [Vue.js](https://img.ly/docs/cesdk/vue/get-started/overview-e18f40.md), [Svelte](https://img.ly/docs/cesdk/svelte/get-started/overview-e18f40.md), [React Native](https://img.ly/docs/cesdk/react-native/get-started/overview-e18f40.md), [Next.js](https://img.ly/docs/cesdk/nextjs/get-started/overview-e18f40.md) - **Mobile:** [iOS](https://img.ly/docs/cesdk/ios/get-started/overview-e18f40.md), [Android](https://img.ly/docs/cesdk/android/get-started/overview-e18f40.md), [Flutter](https://img.ly/docs/cesdk/flutter/get-started/overview-e18f40.md) - **Desktop:** [Mac Catalyst](https://img.ly/docs/cesdk/mac-catalyst/get-started/overview-e18f40.md), [macOS](https://img.ly/docs/cesdk/macos/get-started/overview-e18f40.md), [Electron](https://img.ly/docs/cesdk/electron/get-started/overview-e18f40.md) - **Server:** [Renderer](https://img.ly/docs/cesdk/renderer/cesdk-renderer-overview-7f3e9a.md), [Node.js](https://img.ly/docs/cesdk/node/get-started/overview-e18f40.md) [Get in Touch](https://img.ly/forms/contact-sales.md) [Open the live editor demo](https://cdn.img.ly/demo/cesdk-web-examples/v1.81.1/examples/starterkit-video-editor/index.html?demoPreview=true) ## Made for product teams that require instant value Replace a multi-month build with a ready-to-integrate editor and a developer-focused proven workflow. ### Go live with an in-app editor in a few days Replace a multi-month build with a starter kit and a focused integration. ### Save 6–12 months of engineering time vs. building from scratch Offload editor UX, video processing, and browser quirks. ### 3× more videos created inside your product Keep users in your app instead of losing them to external tools. Trusted by **100+**\ industry leaders ---------------------- **Trusted by:** Digitas, Omneky, The Print Bar, Brandwatch, Planoly, HP, Shopify, Reuters, Hootsuite, Semrush, Shutterfly, one.com, Sprout Social, Constant Contact, Spread Group > "Integrating IMG.LY’s editor meant we didn’t have to build or maintain a complex editing layer ourselves. That kept our team focused on our core AI ad engine and saved us countless development hours — while still giving our customers the ability to polish and customize creatives at scale." -- Hikari Senju, CEO, Omneky > "With IMG.LY we built a central creative portal that now powers over 140 dealer campaigns across multiple automotive brands. Before this, asset creation was slow and inconsistent." -- Martin Röhr, Product Owner, Digitas > "By embedding IMG.LY’s editor we were able to hit key RFP requirements and deliver a template-based creative experience that now serves 1,000+ customers. It helped us win more deals and exceed enterprise expectations without needing to hire dedicated design teams." -- Rob Driscoll, Director of PM, Optimizely > "Since integrating IMG.LY’s editor, we now deliver 30,000+ ad creatives per month, dramatically shorten time-to-launch, and help our clients cut design spend by up to $10,000 per month." -- Logan Welbaum, Founder, Plai > "Our customers create over a million personalized postcards each year choosing from over hundreds of templates with IMG.LY’s SDK. It’s the only solution that allows us to build our own specialized, on-brand UI that integrates seamlessly with our platform." -- Jeanine Zaalberg, Product Manager, SwissPost > "From a developer’s perspective, the most powerful feature of the photo editor is the integration process. It was completely flawless, quick, and easy to integrate." -- Stefano Fornari, CTO, Funambol > "We compared IMG.LY SDK with other solutions and found that it would be the best fit for us since it provides all the features that are crucial for our use case." -- Carem Pereira, SCRUM Manager, HP [Reviews on G2](https://www.g2.com/products/img-ly/reviews) ## Key Capabilities Extensive features to serve any use case and enable a smooth and enjoyable creation process. ### For your users #### Intuitive timeline editing. Trim, split, and reorder clips directly in the browser. [Learn more](https://img.ly/forms/contact-sales.md) #### AI Plugins. Enhance your video editing with AI-powered tools for auto-captions, background removal, and more. [Learn more](https://img.ly/forms/contact-sales.md) #### On-brand text & overlays. Add titles, captions, stickers, and logos with your brand styling baked in. [Learn more](https://img.ly/forms/contact-sales.md) #### Animations. Bring your videos to life with keyframe animations and motion effects. [Learn more](https://img.ly/forms/contact-sales.md) #### Template-based workflows. Start from ready-made video templates tailored to your use cases. [Learn more](https://img.ly/forms/contact-sales.md) #### Channel-ready aspect ratios. One-click aspect ratio presets for popular social media and print product sizes. [Learn more](https://img.ly/forms/contact-sales.md) ### For your product #### Web-first SDK. Built for modern JS frameworks (e.g., React, Vue, plain JS). [Learn more](https://img.ly/forms/contact-sales.md) #### Flexible export pipeline. Connect exports to your existing storage, CDN, or rendering backend. [Learn more](https://img.ly/forms/contact-sales.md) #### Performance-optimized rendering. Designed to keep editing smooth, even on longer clips. [Learn more](https://img.ly/forms/contact-sales.md) #### Configurable toolset & UI. Choose which tools and controls appear for your users. [Learn more](https://img.ly/forms/contact-sales.md) ### Looking for the full feature list? Browse every CE.SDK capability across video, design, photo, print, and AI. [Explore all capabilities](https://img.ly/capabilities.md?solution=Video+Editor) ## How to embed the web video editor into your product From npm install to in-browser encode, four steps to a working web video editor. ### Step 01: Spin up the web editor Install the JavaScript SDK and drop in a starter kit. The editor runs in the browser within minutes, no server required. [Starter Kits](https://img.ly/docs/cesdk) ### Step 02: Theme and customize for your product Pick the tools you expose, set aspect ratios per use case, and apply your brand styling so the editor feels native to your app. [Explore customization demos](https://img.ly/demos.md?tags=customization) ### Step 03: Create templates and connect asset sources Design branded templates, wire in stock libraries, and add your own fonts and brand assets through the configuration API. [Explore template demo](https://img.ly/demos/placeholders-video.md) ### Step 04: Encode in the browser, deliver from your stack Videos render entirely client-side via WebCodecs. Send the finished file to your storage, CDN, or downstream service from the same session. ## Why product teams choose CE.SDK for video ### I: Time to market Launch a web video editor in days, not a year-long project. Ship a full-featured editor with a proven SDK and starter kit so you can test, iterate, and win video use cases fast—without freezing your roadmap. ### II: Empower non-creators Make video editing approachable for everyone. Give non-designers a familiar, creator-style interface with templates, presets, and guardrails so they can produce polished videos on their own. ### III: Match modern user expectations Offer the editing experience users expect from leading creator tools. Deliver smooth, responsive in-browser editing with the effects, controls, and layouts your users already know from consumer video apps. Need a [native iOS and Android editor](https://img.ly/products/video-sdk-mobile.md) too? Pair this with our mobile SDK, or [browse every CE.SDK capability](https://img.ly/capabilities.md?solution=Video+Editor). Success story How Digitas Germany Powers 140+ Dealer Campaigns Across 10 Automotive Brands ----------------- [Digitas Germany video](https://www.youtube.com/watch?v=wDUyesH8Q58) **140+** campaigns live across 10 brands | **600+** dealers creating assets self-serve | **6+ mo** of build time avoided [Digitas Germany](https://www.digitas.de) is a leading digital agency that helps brands build unified, high-impact customer experiences to accelerate business growth. > "I showed the project internally to hundreds of colleagues. Everyone wants to use it for other clients. It's a no-brainer once you see what's possible." -- Martin Röhr, Senior Project Manager, Digitas Germany #### Challenge Manual, agency-driven campaign production across 9–10 automotive brands, 600+ dealers, and three languages — slow, costly, and dependent on outside teams. #### Solution A self-service campaign portal built on CE.SDK's template engine, variable system, and server-side rendering. Dealers localize on-brand social, print, and video assets in seconds. - 6+ months of estimated build time avoided. - 3× more videos created per active user. - 85% of videos now created fully in-app. [Read full case study](https://img.ly/case-studies/digitas.md) ### Explore more case studies See how companies use IMG.LY to build powerful video experiences. [View all case studies](https://www2.img.ly/case-studies) ## An SDK made by developers for developers Spin up the web video editor starter kit with one command, plug it into your existing upload or creation flows, and stay in control with a clean, documented API. #### React Step 1: Create project ```bash npm create vite@latest your-project-name -- --template react-ts && cd your-project-name ``` Step 2: Clone starter kit ```bash npx degit imgly/starterkit-video-editor-ts-web/src/imgly ./src/imgly ``` [View on GitHub](https://github.com/imgly/starterkit-video-editor-ts-web) [Read API Docs](https://img.ly/docs/cesdk/react/get-started/overview-e18f40.md) #### Vue Step 1: Create project ```bash npm create vite@latest your-project-name -- --template vue-ts && cd your-project-name ``` Step 2: Clone starter kit ```bash npx degit imgly/starterkit-video-editor-ts-web/src/imgly ./src/imgly ``` [View on GitHub](https://github.com/imgly/starterkit-video-editor-ts-web) [Read API Docs](https://img.ly/docs/cesdk/vue/get-started/overview-e18f40.md) #### Angular Step 1: Create project ```bash ng new your-project-name && cd your-project-name ``` Step 2: Clone starter kit ```bash npx degit imgly/starterkit-video-editor-ts-web/src/imgly ./src/imgly ``` [View on GitHub](https://github.com/imgly/starterkit-video-editor-ts-web) [Read API Docs](https://img.ly/docs/cesdk/angular/get-started/overview-e18f40.md) #### Svelte Step 1: Create project ```bash npm create vite@latest your-project-name -- --template svelte-ts && cd your-project-name ``` Step 2: Clone starter kit ```bash npx degit imgly/starterkit-video-editor-ts-web/src/imgly ./src/imgly ``` [View on GitHub](https://github.com/imgly/starterkit-video-editor-ts-web) [Read API Docs](https://img.ly/docs/cesdk/svelte/get-started/overview-e18f40.md) #### Next.js Step 1: Create project ```bash npx create-next-app@latest your-project-name --typescript && cd your-project-name ``` Step 2: Clone starter kit ```bash npx degit imgly/starterkit-video-editor-ts-web/src/imgly ./src/imgly ``` [View on GitHub](https://github.com/imgly/starterkit-video-editor-ts-web) [Read API Docs](https://img.ly/docs/cesdk/nextjs/get-started/overview-e18f40.md) #### Vanilla JS Step 1: Create project ```bash npm create vite@latest your-project-name -- --template vanilla-ts && cd your-project-name ``` Step 2: Clone starter kit ```bash npx degit imgly/starterkit-video-editor-ts-web/src/imgly ./src/imgly ``` [View on GitHub](https://github.com/imgly/starterkit-video-editor-ts-web) [Read API Docs](https://img.ly/docs/cesdk/js/get-started/overview-e18f40.md) ## Cut Integration to Minutes with IMG.LY Agent Skills CE.SDK Agent Skills give AI coding assistants bundled documentation, guided code generation, and autonomous project scaffolding for building editor and creative workflows across 10 web frameworks. #### Claude Code Step 1: Add the marketplace (one-time setup) ```bash claude plugin marketplace add imgly/agent-skills ``` Step 2: Install the plugin ```bash claude plugin install cesdk@imgly ``` #### Vercel Skills CLI Step 1: Install all skills for Claude Code ```bash npx skills add imgly/agent-skills -a claude-code ``` Step 2: Install a specific skill only ```bash npx skills add imgly/agent-skills --skill docs-react -a claude-code ``` Step 3: List available skills first ```bash npx skills add imgly/agent-skills --list ``` #### Manual Copy Step 1: Clone the repo ```bash git clone https://github.com/imgly/agent-skills.git ``` Step 2: Copy a specific skill into your project ```bash cp -r agent-skills/plugins/cesdk/skills/docs-react .claude/skills/cesdk-docs-react ``` Step 3: Or copy the builder agent ```bash cp agent-skills/plugins/cesdk/agents/builder.md .claude/agents/cesdk-builder.md ``` [Learn more about Agent Skills](https://img.ly/docs/cesdk/js/get-started/agent-skills-f7g8h9.md) ## More from IMG.LY ### Video SDK Embed a fully customizable, timeline-based video editor in your product. [Learn More](https://img.ly/products/video-sdk.md) ### Video SDK for Mobile Native video editing for iOS and Android. [Learn More](https://img.ly/products/video-sdk-mobile.md) ### Creative SDK The unified editor for design, photo, and video in one engine. [Learn More](https://img.ly/products/creative-sdk.md) ### AI Editor Native AI generation, prompting, and variants inside the creative editor. [Learn More](https://img.ly/use-cases/ai-editor.md) ### Social Media Build short-form video, filters, and UGC tooling. [Learn More](https://img.ly/industries/social-media.md) ### Marketing Tech Automate any creative workflow at scale. [Learn More](https://img.ly/industries/marketing-tech.md) ### Server-Side Video Rendering Render and transcode video programmatically on your backend. [Learn More](https://img.ly/use-cases/server-side-video-rendering.md) ### Creative Automation Generate on-brand creative variations from templates at scale. [Learn More](https://img.ly/use-cases/creative-automation.md) ## Get in touch: Ready to see it in your browser? Contact our sales team to learn more about licensing options and get access to our AI plugins for CE.SDK. [Talk to Our Team](https://img.ly/forms/contact-sales.md) ## Licensing FAQs ### General **Q: What is CE.SDK for video?** A: CE.SDK is a fully-featured video editing SDK that you can embed directly into your web application. It provides timeline editing, transitions, text overlays, and export capabilities—all running in the browser. **Q: Which browsers are supported?** A: CE.SDK supports all modern browsers including Chrome, Firefox, Safari, and Edge. We recommend the latest versions for the best performance and feature support. **Q: Can I customize the editor UI?** A: Yes, the editor UI is fully customizable. You can show/hide tools, apply your brand colors and styling, and configure which features are available to your users. **Q: Is there a free trial?** A: Yes, you can start with a free trial that includes full access to all features. Contact our sales team to get started. ### Technical **Q: Which frameworks are supported?** A: CE.SDK works with any JavaScript framework including React, Vue, Angular, Svelte, and plain JavaScript. We provide framework-specific starter kits to help you get started quickly. **Q: How does video rendering work?** A: Video rendering happens client-side in the browser using WebCodecs and WebGL for hardware-accelerated performance. For server-side rendering at scale, we also offer a Node.js SDK. **Q: What video formats are supported?** A: CE.SDK supports MP4, WebM, and MOV for input. Export formats include MP4 (H.264) and WebM (VP9) with configurable quality and resolution settings. **Q: Can I integrate with my existing storage?** A: Yes, CE.SDK is storage-agnostic. You can connect it to any storage backend including AWS S3, Google Cloud Storage, Azure Blob Storage, or your own servers. ### Licensing **Q: Where can I find the Terms of Service?** A: Our Terms of Service are available at img.ly/terms. For enterprise agreements, please contact our sales team. **Q: How is pricing structured?** A: Pricing is based on monthly active users (MAU) who interact with the editor. We offer flexible plans for startups, growing businesses, and enterprises. Contact sales for details. **Q: Can I use CE.SDK in a white-label product?** A: Yes, our commercial licenses allow full white-labeling. You can remove all IMG.LY branding and present the editor as part of your own product. **Q: Do you offer enterprise licensing?** A: Yes, we offer enterprise licenses with custom terms, dedicated support, SLAs, and volume discounts. Contact us to discuss your requirements. ### Support **Q: What support options are available?** A: We offer email support for all plans, with priority support and dedicated success managers available on enterprise plans. **Q: Do you have documentation?** A: Yes, we have comprehensive documentation, API references, and tutorials at img.ly/docs. **Q: Is there a community forum?** A: Yes, join our developer community on Discord to connect with other developers and get help from the team. ### Security **Q: Is CE.SDK secure?** A: Yes, CE.SDK is built with security in mind. All video processing happens client-side, so your users' content never leaves their browser unless you explicitly upload it. **Q: Are you SOC 2 compliant?** A: Yes, we are SOC 2 Type II certified. Contact our sales team for our security documentation and compliance reports. **Q: Do you support SSO?** A: SSO integration is available on enterprise plans. We support SAML 2.0 and OIDC protocols. ### Performance **Q: How does CE.SDK perform on lower-end devices?** A: CE.SDK is optimized for a wide range of devices. We use adaptive quality settings and efficient rendering to ensure smooth editing even on modest hardware. **Q: What are the minimum system requirements?** A: CE.SDK works on any modern browser with WebGL support. We recommend at least 4GB RAM and a recent browser version for optimal performance. **Q: Can I limit video resolution for better performance?** A: Yes, you can configure maximum resolution limits and quality presets to balance performance with output quality for your specific use case. ### Integrations **Q: Can I connect to my asset library?** A: Yes, CE.SDK supports custom asset sources. You can connect to any CDN, DAM, or asset management system via our Asset Library API. **Q: Does CE.SDK work with headless CMS platforms?** A: Yes, CE.SDK integrates seamlessly with headless CMS platforms like Contentful, Sanity, and Strapi for asset management and content delivery. **Q: Can I add custom fonts?** A: Yes, you can load any web fonts into the editor. We support WOFF, WOFF2, TTF, and OTF formats. ### Templates **Q: Can I create my own templates?** A: Yes, you can create and save custom templates using our Template API. Templates can include predefined layouts, assets, and styling. **Q: Are there pre-built templates available?** A: Yes, we provide a library of professionally designed templates for common use cases like social media posts, ads, and presentations. **Q: Can users modify templates?** A: Yes, you can control which elements of a template are editable. Lock certain elements while allowing users to customize others. ### Export **Q: What export formats are available?** A: CE.SDK supports MP4 (H.264), WebM (VP9), and GIF exports. You can configure resolution, bitrate, and frame rate. **Q: Can I export to multiple formats at once?** A: Yes, you can queue multiple export jobs with different settings to generate various formats from a single project. **Q: Is server-side rendering available?** A: Yes, our Node.js SDK enables server-side rendering for batch processing, scheduled exports, and high-volume workflows. ### Audio **Q: Can I add background music?** A: Yes, CE.SDK supports adding audio tracks. You can include background music, voiceovers, and sound effects. **Q: Is audio trimming supported?** A: Yes, you can trim, split, and adjust the volume of audio clips directly in the timeline editor. **Q: What audio formats are supported?** A: CE.SDK supports MP3, WAV, AAC, and OGG audio formats for import. ### Mobile **Q: Does CE.SDK work on mobile browsers?** A: Yes, CE.SDK is optimized for mobile browsers including Safari on iOS and Chrome on Android. **Q: Is there a native mobile SDK?** A: Yes, we offer native SDKs for iOS and Android with the same feature set as the web version. **Q: Can I use touch gestures?** A: Yes, CE.SDK supports pinch-to-zoom, drag-and-drop, and other touch gestures for intuitive mobile editing. --- ## More Resources - **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design - **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation - **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.