<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>SDK – IMG.LY Blog</title><description>Posts tagged SDK on the IMG.LY blog.</description><link>https://img.ly/blog/tag/sdk/</link><language>en-us</language><image><url>https://img.ly/apple-touch-icon.png</url><title>SDK – IMG.LY Blog</title><link>https://img.ly/blog/tag/sdk/</link></image><atom:link href="https://img.ly/blog/tag/sdk/rss.xml" rel="self" type="application/rss+xml"/><generator>Astro</generator><lastBuildDate>Wed, 24 Jun 2026 09:29:44 GMT</lastBuildDate><ttl>60</ttl><item><title>Comparing the 7 Best Design Editor SDKs: Which is the Right Choice for You?</title><link>https://img.ly/blog/compare-best-design-editor-sdks/</link><guid isPermaLink="true">https://img.ly/blog/compare-best-design-editor-sdks/</guid><description>Compare seven of the best design editor SDKs: IMG.LY CreativeEditor SDK, Canva Connect API, Placid Editor SDK, Design Huddle, DesignCombo SDK, Creatomate, and Rendley.</description><pubDate>Mon, 29 Sep 2025 13:28:10 GMT</pubDate><content:encoded>&lt;p&gt;Choosing the right design editor SDK can define how your product handles content creation. The wrong choice may limit your growth, while the right one can unlock scalable workflows, better user experience, and faster time to market.&lt;/p&gt;
&lt;p&gt;We’ll look at their strengths, limitations, and best-fit scenarios, and explain why IMG.LY stands out as the best cross-platform design editor SDK for enterprises.&lt;/p&gt;
&lt;h2 id=&quot;1-imgly-creativeeditor-sdk-cesdk&quot;&gt;&lt;strong&gt;1. IMG.LY CreativeEditor SDK (CE.SDK)&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;CE.SDK is built for companies that need more than just basic image or video filters. It’s designed as an enterprise-grade editing platform covering both creative UI for end users and backend automation workflows. It supports photo, video, and template-based editing, so it can adapt as your product’s creative demands grow.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Features &amp;#x26; capabilities:&lt;/strong&gt; With CE.SDK you get multi-layer editing, template systems you can feed dynamic content into, AI-powered tools like background removal or generative design, and a plugin ecosystem to extend what comes out of the box.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Platforms &amp;#x26; customization:&lt;/strong&gt; CE.SDK runs on every platform: Web, iOS, Android, React Native, Flutter, Node.js, and Electron. This means whether you’re building a mobile app, a desktop dashboard, or a hybrid setup, the editor behaves consistently. On the customization side, everything is fully white-label. You can theme the UI, adapt workflows, and build custom plugins. It’s designed so your users feel like they’re interacting with your brand, not a third-party tool.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Implementation:&lt;/strong&gt; Implementation is designed to scale. You can get going quickly with default editors, then ramp up to more custom UX as needed. Because CE.SDK handles both the frontend editing tools and has engine APIs for automation (e.g., templating, rendering), teams don’t need to piece together separate tools for UI and backend workflows.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Use cases:&lt;/strong&gt; Some of the use cases include: E-commerce personalization, allowing customers to design or customize products, packaging, or visuals. For MarTech platforms, you can create campaign graphics, video ads, and templates. It’s also perfect for social platforms, Digital Asset Management (DAM) systems, and SaaS apps that want rich media editing.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Future‑proofing, support &amp;#x26; pricing:&lt;/strong&gt; &lt;a href=&quot;https://img.ly/whats-new/&quot;&gt;IMG.LY ships frequent releases&lt;/a&gt; with cross‑platform parity and a clear AI roadmap. Support includes enterprise service-level agreements, onboarding support, and assistance for scaling. Pricing is custom, based on enterprise licensing. That means you pay for what you need.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Who it’s for:&lt;/strong&gt; CE.SDK is ideal for organizations that need high customization and a white-label editor across platforms. Or companies that want both interactive user editing and automated creative workflows.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;key-differentiator&quot;&gt;&lt;strong&gt;Key differentiator&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;CE.SDK sets itself apart by combining an interactive editor UX with a powerful automation stack in one SDK. It also brings AI features and cross‑platform coverage, making it the benchmark for enterprise‑grade design editing. If your company is expected to scale, CE.SDK will scale with you. And it’s perfect if you care about brand consistency, UX polish, and want to avoid “bolting on” tools later.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://img.ly/case-studies/&quot;&gt;Explore our case studies&lt;/a&gt; to see how companies in e‑commerce, MarTech, and SaaS have already adopted CE.SDK to scale their creative workflows.&lt;/p&gt;
&lt;h2 id=&quot;2-canva-connect-api&quot;&gt;&lt;strong&gt;2. Canva Connect API&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Canva Connect API brings Canva’s editor and templates into other apps. It provides an integration layer that allows third-party platforms to embed Canva’s design environment without investing in building a native editor from scratch. This makes it an appealing choice for teams who want to add familiar design tools quickly, but it also means that the editing experience remains tied to Canva’s infrastructure and branding.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Features &amp;#x26; capabilities:&lt;/strong&gt; With Canva Connect, your users get Canva’s large library of templates and assets, plus Canva’s editing tools and export options. This often means access to well-designed template content, background assets, and photo editing tools.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Platforms &amp;#x26; customization:&lt;/strong&gt; It’s primarily a web-based API, and the actual editing experience is tied to the Canva ecosystem and branding. While this allows stability and ease of maintenance, it reduces the ability for organizations to adapt the editor to their own branding or workflows.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Implementation &amp;#x26; use cases:&lt;/strong&gt; Implementation is relatively simple: connect via API and embed or redirect to Canva’s editor. It’s beneficial for SaaS apps that want to allow users to design graphics without building an editor from scratch.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Future-proofing, support &amp;#x26; pricing:&lt;/strong&gt; The API is tied to Canva’s roadmap, so the feature availability depends on how Canva evolves. Support is offered via documentation and community. The pricing is usage-based SaaS; you pay according to usage and the features you enable.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Who it’s for:&lt;/strong&gt; Canva Connect API is most suitable for teams that want to provide template‑driven design capabilities with minimal development effort. It works well for organizations that are comfortable adopting Canva’s ecosystem and can accept the trade‑offs in branding and customization.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;how-it-compares-to-imgly&quot;&gt;&lt;strong&gt;How it compares to IMG.LY&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Compared to IMG.LY, Canva Connect provides significantly less control. With IMG.LY, you gain access to a fully white-label solution that allows you to theme and brand the interface, deploy across multiple platforms, and integrate advanced AI tools.&lt;/p&gt;
&lt;p&gt;Canva Connect offers speed and convenience, but at the cost of design ownership, UI flexibility, and long-term control. For organizations prioritizing consistent user experience, platform coverage, and automation, IMG.LY remains the stronger choice.&lt;/p&gt;
&lt;p&gt;Read more about how &lt;a href=&quot;https://img.ly/canva-alternative/&quot;&gt;IMG.LY is a great alternative to Canva Connect&lt;/a&gt; here.&lt;/p&gt;
&lt;h2 id=&quot;3-placid-editor-sdk&quot;&gt;&lt;strong&gt;3. Placid Editor SDK&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;The Placid Editor allows you to embed a customizable editing experience of your templates directly into your application. Its primary strength lies in enabling organizations to deliver consistent, template-driven content creation without requiring significant development resources. By restricting edits to predefined fields and layouts it helps maintain brand integrity while still giving end users the flexibility to customize outputs.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Features &amp;#x26; capabilities:&lt;/strong&gt; Placid provides a curated template system. You define branded templates and control which elements are editable. Users create consistent assets without risking layout integrity. Exports cover common image formats and simple video formats.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Platforms &amp;#x26; customization:&lt;/strong&gt; Placid runs on the Web (JavaScript SDK). Customization centers on template configuration rather than deep UI theming or plugins. The tool is less about deep custom UI themes or plugins and more about giving non-designers safe, branded content creation workflows.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Implementation &amp;#x26; use cases:&lt;/strong&gt; This SDK offers easy integration via CDN, and the setup tends to be fast. Some of the common use cases include marketing automation tools, campaign content creation, branded content platforms where consistency matters, and cases where development bandwidth is limited but design control is important.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Future‑Proofing, support &amp;#x26; pricing:&lt;/strong&gt; Placid’s roadmap is largely centered on enhancing template management, expanding export options, and simplifying collaboration. Support is vendor‑driven and through documentation. Pricing follows a subscription model, usually linked to template volumes or usage tiers.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Who it’s for:&lt;/strong&gt; Teams who need branded, template-driven editing, but don’t need advanced customization or deep video timelines. Placid is good for smaller teams, marketing departments, content creators, or SaaS tools focused on content campaigns rather than video editors.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;how-it-compares-to-imgly-1&quot;&gt;&lt;strong&gt;How it compares to IMG.LY&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;To summarize, Placid is simpler and lighter. If you just need templates, safe editing, and minimal dev effort, Placid could get you up and running fast.&lt;/p&gt;
&lt;p&gt;But compared to IMG.LY, you lose: multi-platform coverage, full white-label UI control, advanced video editing capability, deep automation, and AI features. If you expect your editing requirements to grow over time, IMG.LY gives more headroom to do so.&lt;/p&gt;
&lt;h2 id=&quot;4-design-huddle&quot;&gt;&lt;strong&gt;4. Design Huddle&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Design Huddle is an embeddable, white-label editor SDK equipped with automation features. It intends to deliver the capabilities of a Canva‑style editor, but within an organization’s own environment and with greater control over content workflows and branding.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Features &amp;#x26; capabilities&lt;/strong&gt;: Design Huddle offers template editing, asset libraries and management, and dynamic content insertion (for example, personalize templates with user or data inputs). It may also support some automation in rendering or exporting, depending on your use case.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Platforms &amp;#x26; customization:&lt;/strong&gt; It is web-based, using JavaScript and iframe embedding. The tool offers themeable UI, configurable workflows, and ability to white-label so end users see your brand. There may be limitations in deeper customization compared to a plugin-based system.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Implementation &amp;#x26; use cases:&lt;/strong&gt; You embed the editor into your app or site (often via iframe or JS widget), configure which template sets/assets are available, define edit permissions, then let users create content within this controlled environment. These features are great for MarTech platforms, product personalization workflows, and branded content creation.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Future‑proofing, support &amp;#x26; pricing:&lt;/strong&gt; Design Huddle maintains an enterprise‑focused roadmap. Vendor support is available to assist with integration, onboarding, and ongoing operations, ensuring that large organizations can adopt the editor with confidence. Pricing typically follows an enterprise licensing model, reflecting its positioning toward organizations with higher demands.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Who it’s for:&lt;/strong&gt; Companies that require a white‑label Canva‑style editor but do not want to invest in building a solution from the ground up. It is best suited for organizations that prioritize branded content workflows, product personalization, and marketing automation use cases, where ease of deployment and controlled editing environments are more important than extensive customization or cross‑platform reach.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;how-it-compares-to-imgly-2&quot;&gt;&lt;strong&gt;How it compares to IMG.LY&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Design Huddle and IMG.LY overlap quite a bit for use cases like branded content, template workflows, and marketing automation.&lt;/p&gt;
&lt;p&gt;However, IMG.LY extends its offering by supporting mobile SDKs, advanced video tooling, AI‑powered features, plugin extensibility, and a deeper automation stack. This combination makes it better suited for organizations that need to manage complex, multi‑platform deployments while maintaining consistent user experiences and future‑ready capabilities.&lt;/p&gt;
&lt;h2 id=&quot;5-designcombo-sdk&quot;&gt;&lt;strong&gt;5. DesignCombo SDK&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;DesignCombo is a React and Remotion-based SDK. It is designed for teams that want to build custom, browser‑based video and graphic editors where detailed control and performance are priorities.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Features &amp;#x26; capabilities:&lt;/strong&gt; DesignCombo includes timeline editing, visual effects, and filters, along with AI‑supported tools such as smart crop and background removal. Since it is component‑driven, development teams can assemble the editor experience in a highly tailored way, adding or removing features to suit their product requirements.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Platforms &amp;#x26; customization:&lt;/strong&gt; The SDK is built around Web (React). This provides a high degree of customization but also requires more engineering effort to create a cohesive user experience. Unlike pre‑packaged editors, DesignCombo expects development teams to invest time in shaping the interface and workflows to match their needs.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Implementation &amp;#x26; use cases:&lt;/strong&gt; Implementation generally demands skilled React developers who can integrate the SDK’s components effectively. It is well-suited to SaaS tools where video timelines and browser performance are central. Common applications include online video‑creation platforms, social video editing tools, and advertising solutions that need precise control over video assets.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Future‑proofing, support &amp;#x26; pricing:&lt;/strong&gt; Their roadmap includes expanding AI integrations and improvements in browser performance. Support is available through community channels and vendor documentation, though it may be lighter than enterprise‑grade offerings. Pricing typically follows a subscription model.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Who it’s for:&lt;/strong&gt; To sum it up, DesignCombo is most appropriate for teams comfortable with developer‑heavy builds who want full control over how a video editor operates in the browser. It fits organizations where customization, flexibility, and a video‑first focus outweigh the need for fast setup.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;How it compares to IMG.LY&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;DesignCombo performs strongly for web‑based video timelines. On the other hand, IMG.LY provides a broader solution, covering images, video, templates, and automation with support for native mobile and desktop platforms. This reduces the need for organizations to maintain separate technology stacks as they expand their creative workflows.&lt;/p&gt;
&lt;h2 id=&quot;6-creatomate&quot;&gt;&lt;strong&gt;6. Creatomate&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Creatomate is an API‑first solution with a strong focus on automation. Rather than offering an embedded, in‑app editor, it generates images and videos directly from templates and structured data. This makes it well-suited for platforms that prioritize large‑scale, programmatic asset creation over interactive editing.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Features &amp;#x26; capabilities:&lt;/strong&gt; Creatomate excels at dynamic rendering. It supports text overlays, data‑driven compositions, and bulk generation, making it effective for producing marketing visuals, personalized campaigns, and video variations at scale.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Platforms &amp;#x26; customization:&lt;/strong&gt; Because it is API‑based, Creatomate can be integrated with almost any environment: web, mobile, or server. But unlike a full SDK, it does not provide an in‑app editor UX. Instead, customization is handled within the templates and the payloads you define. This gives developers strong control over output, but it also limits end‑user flexibility inside applications.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Implementation &amp;#x26; use cases:&lt;/strong&gt; Creatomate offers simple REST integration. You define templates, supply data, and retrieve rendered media files. It is commonly used for automated marketing videos, social content production at scale, and personalized campaigns where assets need to be generated automatically.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Future‑proofing, support &amp;#x26; pricing:&lt;/strong&gt; The roadmap emphasizes improvements focused on automation. Support is vendor‑led, with documentation designed to help developers set up workflows efficiently. Pricing follows a usage‑based model, aligning costs with the volume of rendered assets.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Who it’s for:&lt;/strong&gt; Creatomate is best suited for teams that require automation‑only workflows and do not need a user‑facing editor. It is valuable for businesses building large‑scale personalization engines, content factories, or data‑driven marketing systems.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;how-it-compares-to-imgly-3&quot;&gt;&lt;strong&gt;How it compares to IMG.LY&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Creatomate is strong for backend rendering and bulk content generation. IMG.LY extends beyond this by combining a front‑end editing experience with automation and AI. This allows organizations to support both interactive content creation for end users and programmatic asset generation within a single stack.&lt;/p&gt;
&lt;p&gt;Read our detailed &lt;a href=&quot;https://img.ly/creatomate-alternative/&quot;&gt;comparison of IMG.LY and Creatomate&lt;/a&gt; for more information.&lt;/p&gt;
&lt;h2 id=&quot;7-rendley&quot;&gt;&lt;strong&gt;7. Rendley&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Rendley is a creative automation API designed for images and templates. It is an API‑first solution built to support asset generation at scale, making it well-suited for automation‑driven content pipelines.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Features &amp;#x26; capabilities:&lt;/strong&gt; Rendley focuses on server‑side image generation and template rendering. Developers can define templates and logic to generate large volumes of assets quickly and consistently. It does not provide an in‑app editor, but instead acts as a backend service for automated content creation.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Platforms &amp;#x26; customization:&lt;/strong&gt; As an API‑first platform, Rendley can be integrated with almost any environment. Customization is high, since developers control how templates are structured and how the API processes them. This gives flexibility in automation workflows, though it also means less emphasis on user‑facing editing interfaces.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Implementation &amp;#x26; use cases:&lt;/strong&gt; Implementation is straightforward through simple API integration. Typical use cases include marketing automation, large‑scale asset generation, and creative workflows where automation is prioritized over manual editing.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Future‑proofing, support &amp;#x26; pricing:&lt;/strong&gt; Rendley follows a developer‑first roadmap as a SaaS platform. The focus is on improving automation performance and scalability. Support is available from the vendor for developers, and pricing is usage‑based, aligning cost with the scale of asset generation.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Who it’s for:&lt;/strong&gt; Rendley is intended for teams building automation‑driven creative pipelines. It is most relevant for organizations that need to generate large volumes of assets programmatically and do not require an embedded editor.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;how-it-compares-to-imgly-4&quot;&gt;&lt;strong&gt;How it compares to IMG.LY&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Rendley is backend‑only and provides automation for image and template generation. IMG.LY, on the other hand, combines backend automation with user‑facing editing tools, cross‑platform SDKs, and AI features, making it a more complete solution for enterprises that need both automation and interactive design experiences.&lt;/p&gt;
&lt;p&gt;Read more about &lt;a href=&quot;https://img.ly/rendley-alternative/&quot;&gt;IMG.LY vs Rendley&lt;/a&gt; here to make the right choice.&lt;/p&gt;
&lt;h2 id=&quot;overview-table&quot;&gt;Overview Table&lt;/h2&gt;
&lt;p&gt;Here’s a quick overview of the tools we’ve discussed.&lt;/p&gt;
&lt;h2 id=&quot;selecting-the-best-fit-why-imgly-stands-out&quot;&gt;&lt;strong&gt;Selecting the best fit: Why IMG.LY stands out&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Choosing a design editor SDK or API starts with a clear view of what your teams’ priorities are. Here’s a quick summary to help you choose.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Canva API, Placid, Design Huddle:&lt;/strong&gt; These tools are great for teams wanting Canva-like workflows at different levels of control.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;DesignCombo, Creatomate, Rendley:&lt;/strong&gt; Ideal for teams focused on video-first web editors, or are geared toward automation-only scenarios.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;But if you want an interactive editor with automation, cross‑platform coverage, AI features, and enterprise support, IMG.LY CreativeEditor SDK is the most complete option.&lt;/p&gt;
&lt;p&gt;Beyond offering a polished, white‑label editor, our tool provides a plugin ecosystem, native SDKs for web and mobile, and a strong roadmap for AI features that ensure long‑term relevance. Our enterprise‑grade support model with SLAs and onboarding engineers also makes IMG.LY a reliable choice for organizations with complex requirements.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;We already empowered over 600 innovative startups, government entities, and Fortune 500 companies to streamline their design, video, and photo editing workflows. &lt;a href=&quot;https://img.ly/forms/contact-sales/&quot;&gt;Get in touch&lt;/a&gt;, to see how we can do the same for you.&lt;/p&gt;</content:encoded><dc:creator>Vatsala</dc:creator><media:content url="https://blog.img.ly/2025/09/best-design-sdk.jpg" medium="image"/><category>Developer Tools</category><category>SDK</category><category>Design Editor</category></item><item><title>SDK vs. White Label: Consider These Differences When You Choose a Solution</title><link>https://img.ly/blog/sdk-vs-white-label-consider-these-differences-when-you-choose-a-solution/</link><guid isPermaLink="true">https://img.ly/blog/sdk-vs-white-label-consider-these-differences-when-you-choose-a-solution/</guid><description>Discover how to choose between white-label tools and SDKs to enhance your product — and find the perfect solution for your budget and resources.</description><pubDate>Thu, 21 Nov 2024 11:53:36 GMT</pubDate><content:encoded>&lt;p&gt;Enhancing your product with new features and capabilities often brings up a critical question: Should you choose a white-label solution or opt for the flexibility of an SDK? While white-label tools offer simplicity and speed, modern SDKs can combine the ease of integration with the ability to customize and deeply integrate into your product.&lt;/p&gt;
&lt;p&gt;In this guide, we’ll break down the benefits and limitations of both options, showing you how they can address different use cases. Whether you’re looking for a solution to launch quickly or a platform that empowers you to create a highly tailored experience, this post will help you make the right choice for your business.&lt;/p&gt;
&lt;p&gt;If you’re also considering a fully custom build, be sure to check out our &lt;a href=&quot;https://img.ly/blog/build-or-buy-f09785ce1138/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=guides&quot;&gt;Build vs. Buy Guide&lt;/a&gt; for additional insights.&lt;/p&gt;
&lt;h2 id=&quot;what-is-an-sdk&quot;&gt;What is an SDK?&lt;/h2&gt;
&lt;p&gt;A Software Development Kit (SDK) is an extensive toolkit that enables developers to create applications within their own development environment.&lt;/p&gt;
&lt;p&gt;It offers a complete package of tools, libraries, and documentation, making it highly customizable to suit specific use cases and easily blend with a brand’s identity. SDKs equip developers with the core components needed to build, enhance, and tailor applications across multiple platforms, including web, mobile, server, cloud, and desktop.&lt;/p&gt;
&lt;h3 id=&quot;key-features-of-an-sdk&quot;&gt;Key Features of an SDK&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Flexibility&lt;/strong&gt;: SDKs provide an option to create a solution that best matches your business needs and branding. Unlike white-label, SDKs can be fully customizable, allowing you to tailor features and capabilities to seamlessly integrate with your use case.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Deep Integration&lt;/strong&gt;: SDKs typically come with APIs that allow for integration with other software, enabling you to connect with third-party services and facilitate the creation of not one solution but a comprehensive workflow.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Technical control&lt;/strong&gt;: While the integration and maintenance require the involvement of developers, SDKs come with greater control over the integrated tech that’s not available with white-label solutions. Developers can determine the extensibility of the solution and shape it to fit specific needs.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Many types of SDKs can enhance applications and workflows. If you would like to learn more about a design SDK, have a look at our &lt;a href=&quot;https://img.ly/blog/what-is-a-design-editor-sdk/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=sdkvswhitelabel&quot;&gt;extensive guide&lt;/a&gt; on what a design editor SDK is, its benefits, components, and types.&lt;/p&gt;
&lt;h2 id=&quot;what-is-a-white-label-solution&quot;&gt;What is a White-Label Solution?&lt;/h2&gt;
&lt;p&gt;While SDK needs to be built with the provided tools, the white-label solution is an off-the-shelf and ready-to-use product that can be quickly rebranded and marketed. It allows businesses to get to market faster by utilizing a ready-made platform, eliminating the need for internal development from scratch.&lt;/p&gt;
&lt;h3 id=&quot;key-features-of-a-white-label-solution&quot;&gt;Key features of a White-label solution&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Speed to market&lt;/strong&gt;: White-label solutions are deployment-ready allowing businesses to launch their product quickly, bypassing the lengthy development process. This is especially useful when time is crucial and you need to deploy a solution as soon as possible.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Limited customization&lt;/strong&gt;: While white-label often offers some degree of customization, like the ability to rebrand or make small adjustments, businesses are mostly constrained to the provided features. This is a considerable limitation if you need unique functionalities or extensive personalization.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Automatic updates&lt;/strong&gt;: White-label is a low-maintenance solution, with updates being carried out automatically and not requiring a development team to maintain it, a factor especially important to businesses with limited development resources.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Extensibility challenges&lt;/strong&gt;: White-label solutions often lack the robust APIs or extensibility frameworks found in SDKs, making it difficult to implement complex integrations or custom features.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;which-solution-is-right-for-your-business&quot;&gt;Which Solution is Right for Your Business?&lt;/h2&gt;
&lt;p&gt;Choosing between white-label and SDK depends on your use case, here are some of the points to consider:&lt;/p&gt;
&lt;h3 id=&quot;choose-an-sdk-if&quot;&gt;Choose an SDK if&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;You have unique requirements&lt;/strong&gt;&lt;br&gt;
SDKs are the go-to choice for companies building applications with unique needs. By leveraging SDK’s extensive tools and libraries, developers can create use case-specific functionalities that deliver a tailored user experience.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;You need full customization&lt;/strong&gt;&lt;br&gt;
If your app requires specific features or user experience, SDKs provide the flexibility needed for complete customization and create a truly unique application tailored to their needs.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;You want to create a seamless workflow&lt;/strong&gt;&lt;br&gt;
SDKs allow for deeper control over integrations, enabling the addition of APIs, and plugins, creating full workflows, and giving you the tools to create a unique solution.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;You have technical resources&lt;/strong&gt;&lt;br&gt;
An SDK is ideal for businesses that have an in-house development team or the ability to hire technical talent.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;choose-a-white-label-solution-if&quot;&gt;Choose a White-label solution if&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;You need a fast launch&lt;/strong&gt;&lt;br&gt;
If speed to market is a priority, white-label solutions offer pre-built features that can be quickly deployed with minimal development. This is ideal for businesses aiming to establish a swift market presence.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;You are working with a tight budget&lt;/strong&gt;&lt;br&gt;
White-label products are generally more affordable, making them a good option for startups or businesses looking to minimize development costs, reduce initial costs, and avoid the resource demands of building a product from scratch.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;You don’t need a tailored solution&lt;/strong&gt;&lt;br&gt;
As an out-of-the-box solution, white-label is a good fit for companies looking for a standard or generic use case that doesn’t require deep customization or seamless integration with the rest of the application.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;You want to focus on marketing and sales&lt;/strong&gt;&lt;br&gt;
Companies with limited access to developers can benefit from white-label solutions, as these don’t require much technical involvement. You can dedicate more time and resources to customer acquisition and retention rather than technical development, allowing you a more strategic focus on market growth and sales efforts.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;imgly-your-partner-in-both-white-label-and-sdk-solutions&quot;&gt;&lt;strong&gt;IMG.LY: Your Partner in Both White-Label and SDK Solutions&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;At IMG.LY, we understand that every business has unique needs for enhancing their applications with creative tools, hence, we try to combine the best of both worlds by providing both pre-configured, turn-key solutions while also giving you the opportunity to customize and extend the SDK flexibly. Whether you’re looking for a plug-and-play option with a white-label solution or the ability to build highly customized creative experiences through an SDK, IMG.LY empowers your application with world-class design, video, and photo editing tools that scale with your business.&lt;/p&gt;
&lt;p&gt;Ready to discover more about our products? Test our &lt;a href=&quot;https://img.ly/demos/&quot;&gt;demos&lt;/a&gt; or learn more about our &lt;a href=&quot;https://img.ly/blog/plugin-release-part-1-customizing-the-ui-quick-actions/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=guides&quot;&gt;plugin system&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&quot;core-functionalities-of-imgly-products&quot;&gt;&lt;strong&gt;Core Functionalities of IMG.LY Products&lt;/strong&gt;&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Cross-platform compatibility&lt;/strong&gt;: Our technology is optimized for iOS, Android, and web, ensuring your users enjoy a consistent, smooth editing experience regardless of device or operating system. Moreover, with the server-client processing, users can edit on mobile or web and you can run automation workflows on the server.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Regular updates and feature development&lt;/strong&gt;: We constantly update our solution to stay compatible with the latest operating systems and the fast-paced design editing industry. This guarantees that your application is secure, up-to-date with the latest technology, and performing at its best.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;One solution, multiple use cases&lt;/strong&gt;: Our creative engine is a powerhouse that can enable a variety of applications, from automating and scaling design and video creation for social media, marketing, and print to templating and jumpstarting users’ design, the UI can be adapted to match a specific use case perfectly.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Developer-friendly documentation&lt;/strong&gt;: Our documentation includes clear, detailed examples, API references, and tutorials, making it easy for developers to start integrating and customizing right away. For white-label users, we provide guides that outline the steps for rapid implementation.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Extensibility&lt;/strong&gt;: We built our products for extensibility and modification, making sure our customers don’t need to rely on our roadmap. With our Plugin API, you can implement custom editor functionality such as background removal or vectorizer, giving you the autonomy to create a fully custom solution.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Technical support and assistance:&lt;/strong&gt; Both white-label and SDK clients have access to our support and solutions team who can assist with integration, answer questions, and provide recommendations to help you make the most of our tools. Our team can also assist you in designing custom solutions that align perfectly with your goals.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;unmatched-customization-and-flexibility&quot;&gt;&lt;strong&gt;Unmatched Customization and Flexibility&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;Start with out-of-a-box UIs or fully customize features, plugins, and look.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1763px) 1763px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1763&quot; height=&quot;1076&quot; src=&quot;https://img.ly/_astro/ce-sdk-imgly-1_3Oneb.webp&quot; srcset=&quot;/_astro/ce-sdk-imgly-1_wwp7J.webp 640w, /_astro/ce-sdk-imgly-1_Z2kX5TS.webp 750w, /_astro/ce-sdk-imgly-1_1dJThf.webp 828w, /_astro/ce-sdk-imgly-1_Zcbbsh.webp 1080w, /_astro/ce-sdk-imgly-1_1IFo6F.webp 1280w, /_astro/ce-sdk-imgly-1_ZBWheh.webp 1668w, /_astro/ce-sdk-imgly-1_3Oneb.webp 1763w&quot;&gt;&lt;/p&gt;
&lt;p&gt;Built for developers, our SDKs allow you to create an entirely customized design and editing experience that goes beyond standard white-label features.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Customizable UI&lt;/strong&gt;: The SDK comes with a fully customizable UI, providing options for adaptation of existing components or creating an interface from scratch. With adjustable theming, styling, and translation, businesses can create a UI that perfectly matches their unique use case and becomes a native part of their brand.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Advanced editing features&lt;/strong&gt;: Our products come with extensive features and capabilities, ranging from simple photo editing tools to extensive workflow automation. You have full control of which ones you want to integrate and how advanced or simple you want the design process to be.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Plugins and third-party integrations&lt;/strong&gt;: Outside of the core design, video, and photo editing features, our SDK is designed to seamlessly blend with other software ecosystems to create complex workflows, with both our own plugins and external APIs. &lt;a href=&quot;https://img.ly/demos/?tags=plugins&quot;&gt;Explore our plugins&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;white-label-solution-quick-and-seamless-integration&quot;&gt;White-Label solution: Quick and Seamless Integration&lt;/h3&gt;
&lt;p&gt;Designed for simplicity and speed, our white-label solutions make it easy to integrate professional-grade editing features into your application with minimal developer setup needed.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Ready-to-deploy editor suite&lt;/strong&gt;: Our white-label editor comes pre-built with UIs for design, photo, and video editing, allowing you to integrate a professional-grade editor with just a few lines of code. Explore our &lt;a href=&quot;https://img.ly/demos/?tags=custom-build-uis%2Cui-types&quot;&gt;showcases&lt;/a&gt; to find the UI that best matches our use case.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Brand customization&lt;/strong&gt;: You can easily customize the appearance of the editor to align with your brand’s identity. Change colors and configure default settings to create a cohesive user experience that looks and feels like a native part of your application.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;conclusion&quot;&gt;&lt;strong&gt;Conclusion&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Whether you’re a startup aiming to launch quickly or an established brand looking to create a unique user experience, IMG.LY offers flexible, powerful solutions that can be tailored to fit your use case. Our white-label options provide a straightforward way to integrate editing capabilities, while our SDK offers the flexibility and depth needed to build a fully customized creative experience.&lt;/p&gt;
&lt;p&gt;From rapid deployment to complete customization—IMG.LY provides the tools, support, and scalability to help your business excel. Start with a &lt;a href=&quot;https://img.ly/docs/cesdk/&quot;&gt;free trial&lt;/a&gt; or &lt;a href=&quot;https://img.ly/forms/contact-sales/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=guides&quot;&gt;contact&lt;/a&gt; our sales team for personalized guidance.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Over 3,000 creative professionals gain early access to new features and updates—don’t miss out, and&lt;/strong&gt; &lt;a href=&quot;https://share.hsforms.com/1IgAOV1wASXGPnFG4ZPLejg1hk3i?ref=img.ly&quot;&gt;&lt;strong&gt;subscribe&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;to our newsletter.&lt;/strong&gt;&lt;/p&gt;</content:encoded><dc:creator>Klaudia</dc:creator><media:content url="https://blog.img.ly/2024/11/white-label--vs-SDK-3.png" medium="image"/><category>Insights</category><category>CE.SDK</category><category>White Label</category><category>SDK</category></item><item><title>Plugins Part 2: Custom Panels</title><link>https://img.ly/blog/plugins-part-2-customizable-panels/</link><guid isPermaLink="true">https://img.ly/blog/plugins-part-2-customizable-panels/</guid><description>Part 2 of our plugin release gives you the ability to add panels to the CE.SDK UI allowing you to extend the SDK with more complex functionality.</description><pubDate>Wed, 23 Oct 2024 12:53:27 GMT</pubDate><content:encoded>&lt;p&gt;In &lt;a href=&quot;https://img.ly/blog/plugin-release-part-1-customizing-the-ui-quick-actions/&quot;&gt;Part 1 of our series&lt;/a&gt;, we introduced a plugin system for customizing UI elements and quick actions within the CreativeEditor SDK.&lt;/p&gt;
&lt;p&gt;Now, in Part 2, we’re introducing Customizable Panels, a new feature that gives developers even more control over the editor. These panels can handle tasks like guiding users through complex workflows, interacting with external APIs or gathering detailed user input—allowing for anything from simple tweaks to fully custom workflows.&lt;/p&gt;
&lt;p&gt;Let’s take a quick look at where panel plugins fit within the CE.SDK Web UI. To dive in instead, consult the &lt;a href=&quot;https://img.ly/docs/cesdk/js/user-interface/ui-extensions/create-custom-panel-d87b83/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=plugins2&quot;&gt;documentation&lt;/a&gt; or explore one of the examples below.&lt;/p&gt;
&lt;h2 id=&quot;extension-points-in-the-ui&quot;&gt;Extension Points in the UI&lt;/h2&gt;
&lt;p&gt;Before customizing the UI, it’s important to understand the user experience that makes the editor intuitive for creating and editing designs. Below are the key areas of the editor UI where your plugins can be integrated:&lt;/p&gt;
&lt;p&gt;&lt;img alt=&quot;&amp;#39;Extension points&amp;#39; refer to the highlighted areas, where developers can add custom actions and panels.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1928px) 1928px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1928&quot; height=&quot;1098&quot; src=&quot;https://img.ly/_astro/CESDK-Editor-UI_2ly9o.webp&quot; srcset=&quot;/_astro/CESDK-Editor-UI_tCzFs.webp 640w, /_astro/CESDK-Editor-UI_zSL1G.webp 750w, /_astro/CESDK-Editor-UI_ZCee4h.webp 828w, /_astro/CESDK-Editor-UI_Z1RGjpB.webp 1080w, /_astro/CESDK-Editor-UI_Z1dvbl2.webp 1280w, /_astro/CESDK-Editor-UI_Z2fggz3.webp 1668w, /_astro/CESDK-Editor-UI_2ly9o.webp 1928w&quot;&gt;&lt;/p&gt;
&lt;p&gt;The quick actions we introduced in part one are used to implement simple one-click actions to edit canvas elements, primarily inside the inspector bar and canvas menus. This release opens up the panel as additional UI element to facilitate more involved features requiring UI interactions beyond a simple click.&lt;/p&gt;
&lt;h2 id=&quot;new-possibilities-with-panels&quot;&gt;New Possibilities with Panels&lt;/h2&gt;
&lt;p&gt;Panels serve as customizable UI elements that provide plenty of room for your plugin’s unique requirements. Here’s how developers can utilize them:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Guide Users Through Workflows&lt;/strong&gt;&lt;br&gt;
Implement panels to assist users in navigating workflows or controlling specific plugin settings, tailoring the editor experience to meet individual needs.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Complex Interaction with External AI or Services&lt;/strong&gt;&lt;br&gt;
While it’s possible to connect to third-party service using quick actions, some use cases require more user interaction. To support these cases you can now create panel UIs that connect with third-party APIs to gather data or trigger processes, such as AI-driven design tools or content generation.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Collect Detailed User Input&lt;/strong&gt;&lt;br&gt;
Use panels to collect more complex input from users, such as advanced export options, template customization, theming or batching design adjustments.&lt;/p&gt;
&lt;p&gt;These new capabilities round out our goal of empowering developers to shape CE.SDK themselves, tailoring the user experience to fit perfectly with their particular use case.&lt;/p&gt;
&lt;h2 id=&quot;example-plugins&quot;&gt;Example Plugins&lt;/h2&gt;
&lt;p&gt;To demonstrate the potential of panels, we’ve developed three example plugins that showcase different approaches to extending the CreativeEditor SDK’s functionality.&lt;/p&gt;
&lt;p&gt;Plugins can be grouped into two categories:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Functionality-Enhancing Plugins:&lt;/strong&gt; These integrate external services, assets, or custom code. For example, the QR embed plugin adds a feature by interacting with a third-party API.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Custom Editor Behavior Plugins:&lt;/strong&gt; These plugins interact directly with the CE.SDK Engine API, enhancing the SDK’s &lt;em&gt;existing&lt;/em&gt; functionality by introducing new modes of interaction or extending the user interface.&lt;/p&gt;
&lt;h3 id=&quot;qr-code-embed-plugin&quot;&gt;&lt;a href=&quot;https://img.ly/demos/qr-code-plugin/web/&quot;&gt;QR Code Embed Plugin&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;The first category of plugins is exemplified by &lt;a href=&quot;https://img.ly/demos/qr-code-plugin/web/&quot;&gt;this QR plugin&lt;/a&gt;, which add the ability to embed a QR code directly in the canvas. The plugin interacts with a third-party QR code generator API and displays a panel where users can enter a URL and customize the color of the QR code.&lt;/p&gt;
&lt;p&gt;&lt;video src=&quot;https://storage.googleapis.com/imgly-static-assets/static/blog/videos/plugins-ii/qr-plugin.mp4&quot; controls autoplay muted loop playsinline&gt;&lt;/video&gt;&lt;/p&gt;
&lt;p&gt;The next two examples illustrate plugins from the second category, which interface with the Engine API to enhance CE.SDK functionality:&lt;/p&gt;
&lt;h3 id=&quot;export-options-panel&quot;&gt;&lt;a href=&quot;https://img.ly/demos/export-options/web/&quot;&gt;Export Options Panel&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://img.ly/demos/export-options/web/&quot;&gt;This showcase&lt;/a&gt; provides a reference implementation for a panel that allows users to configure export options including export formats and file types, such as PNG, JPEG, or PDF, which pages to export and at what quality and resolution. A corresponding showcase is also available for &lt;a href=&quot;https://img.ly/demos/video-export-options/web/&quot;&gt;video scenes&lt;/a&gt;, allowing users to control resolution and quality of the exported video file.&lt;/p&gt;
&lt;p&gt;&lt;video src=&quot;https://storage.googleapis.com/imgly-static-assets/static/blog/videos/plugins-ii/export.mp4&quot; controls autoplay muted loop playsinline&gt;&lt;/video&gt;&lt;/p&gt;
&lt;h3 id=&quot;template-adaptation-ui&quot;&gt;&lt;a href=&quot;https://img.ly/demos/form-based-template-adoption/web/&quot;&gt;Template Adaptation UI&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://img.ly/demos/form-based-template-adoption/web/&quot;&gt;In this example&lt;/a&gt;, we add a panel that collects user input via a form, which is then used to dynamically adapt a design template. Users can input text, select colors, or upload images, and the template is modified based on these choices. This demonstrates how panels can streamline workflows, making it easier for users to customize templates to fit their specific needs.&lt;/p&gt;
&lt;p&gt;&lt;video src=&quot;https://storage.googleapis.com/imgly-static-assets/static/blog/videos/plugins-ii/Form-templates.mp4&quot; controls autoplay muted loop playsinline&gt;&lt;/video&gt;&lt;/p&gt;
&lt;h2 id=&quot;outlook&quot;&gt;Outlook&lt;/h2&gt;
&lt;p&gt;With the release of panels, we are advancing our mission to empower developers to fully customize and extend the CreativeEditor SDK. These new features for creating sophisticated, interactive plugins will unlock exciting opportunities for innovation, whether integrating external services, designing dynamic user interfaces, or automating complex workflows.&lt;/p&gt;
&lt;p&gt;We encourage you to explore the power of panels in your own projects. Visit our &lt;a href=&quot;https://img.ly/docs/cesdk/js/user-interface/ui-extensions-d194d1/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=plugins2&quot;&gt;plugin documentation&lt;/a&gt; to get started, and let us know what you’re building! As always, we’re here to support your journey in redefining creative editing.&lt;/p&gt;
&lt;p&gt;Stay tuned for more updates, and feel free to &lt;a href=&quot;https://img.ly/forms/contact-sales/&quot;&gt;contact us&lt;/a&gt; if you have any questions or need assistance.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Over 3,000 creative professionals gain early access to new features and updates—don’t miss out, and&lt;/strong&gt; &lt;a href=&quot;https://share.hsforms.com/1IgAOV1wASXGPnFG4ZPLejg1hk3i&quot;&gt;&lt;strong&gt;subscribe&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;to our newsletter.&lt;/strong&gt;&lt;/p&gt;</content:encoded><dc:creator>Jan</dc:creator><media:content url="https://blog.img.ly/2024/10/plugins_part2.jpg" medium="image"/><category>SDK</category><category>CE.SDK</category><category>Plugin</category><category>Templating</category></item><item><title>CE.SDK v1.7.0 Release and Roadmap</title><link>https://img.ly/blog/creative-editor-sdk-v_1_7_0-release-notes/</link><guid isPermaLink="true">https://img.ly/blog/creative-editor-sdk-v_1_7_0-release-notes/</guid><description>Enjoy powerful Blur and Effects APIs, Shadows, Rotation of Groups and Hierarchies, and more. Our Product Roadmap will keep you up-to-date.</description><pubDate>Mon, 08 Aug 2022 12:07:47 GMT</pubDate><content:encoded>&lt;p&gt;Today, we are thrilled to highlight the best new features and changes in CE.SDK since our &lt;a href=&quot;https://img.ly/blog/creative-editor-sdk-v_1_6_0-release-notes/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=releasenotes&quot;&gt;v1.6.0 Release&lt;/a&gt;. We have also published our &lt;a href=&quot;https://roadmap.img.ly/&quot;&gt;&lt;strong&gt;Product Roadmap for CE.SDK&lt;/strong&gt;&lt;/a&gt; to share our vision and direction for upcoming releases. This roadmap will let you know ahead of time what features you can expect from us and accelerate your product planning and development. We are excited to hear your feedback and suggestions to build more powerful features for your application!&lt;/p&gt;
&lt;h2 id=&quot;cesdk-v170&quot;&gt;CE.SDK v1.7.0&lt;/h2&gt;
&lt;p&gt;This release includes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Auto Close Option in Web UI Configuration for Asset Libraries&lt;/li&gt;
&lt;li&gt;Custom URI Resolver&lt;/li&gt;
&lt;li&gt;Improving Mobile Touch Support&lt;/li&gt;
&lt;li&gt;Rotation of Groups and Hierarchies&lt;/li&gt;
&lt;li&gt;Custom Asset Source UI&lt;/li&gt;
&lt;li&gt;Disconnecting UI Variants from Roles&lt;/li&gt;
&lt;li&gt;Asset Source ApplyAsset API&lt;/li&gt;
&lt;li&gt;Blur API&lt;/li&gt;
&lt;li&gt;Effects API&lt;/li&gt;
&lt;li&gt;Image Fills API&lt;/li&gt;
&lt;li&gt;Image Straighten API&lt;/li&gt;
&lt;li&gt;Improved Group Selection and API&lt;/li&gt;
&lt;li&gt;Scopes API&lt;/li&gt;
&lt;li&gt;Shadows API&lt;/li&gt;
&lt;li&gt;Zoom API&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;auto-close-option-in-web-ui-configuration-for-asset-libraries&quot;&gt;Auto Close Option in Web UI Configuration for Asset Libraries&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;Should it stay or should it go? Have control over your library behavior with this update.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 740px) 740px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;740&quot; height=&quot;321&quot; src=&quot;https://img.ly/_astro/auto_close_lib_1W98pV.webp&quot; srcset=&quot;/_astro/auto_close_lib_1Jj7hj.webp 640w, /_astro/auto_close_lib_1W98pV.webp 740w&quot;&gt;&lt;/p&gt;
&lt;p&gt;There are no one-size-fits-all solutions for the behavior of asset library panels after an action was triggered. It depends on the use case and might vary between the panels and the available screen space. Thus, this is now configurable.&lt;/p&gt;
&lt;h3 id=&quot;custom-uri-resolver&quot;&gt;Custom URI Resolver&lt;/h3&gt;
&lt;p&gt;Custom URI Resolvers give you full control over how URIs should be resolved. You can create custom storage backends and even resolve different resolution images in different instances. Find more information in our &lt;a href=&quot;https://img.ly/docs/cesdk/js/open-the-editor/uri-resolver-36b624/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=releasenotes&quot;&gt;documentation&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&quot;improving-mobile-touch-support&quot;&gt;Improving Mobile Touch Support&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;Great design-to-go: improved mobile touch support.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1480px) 1480px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1480&quot; height=&quot;643&quot; src=&quot;https://img.ly/_astro/mobile_touch_Z2g42pt.webp&quot; srcset=&quot;/_astro/mobile_touch_ZJKt2L.webp 640w, /_astro/mobile_touch_Z1AgDJY.webp 750w, /_astro/mobile_touch_ZGdINX.webp 828w, /_astro/mobile_touch_Z2doG6d.webp 1080w, /_astro/mobile_touch_imcDC.webp 1280w, /_astro/mobile_touch_Z2g42pt.webp 1480w&quot;&gt;&lt;/p&gt;
&lt;p&gt;Input handling was streamlined to handle both touch and mouse input efficiently. On touch devices, all handles maintain the recommended minimum size for touch input and are intelligently hidden to minimize overlap. Thanks to this mechanism, resizing and rotating are always a breeze.&lt;/p&gt;
&lt;h3 id=&quot;rotation-of-groups-and-hierarchies&quot;&gt;Rotation of Groups and Hierarchies&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;Simplify your design process by grouping elements and edit them altogether.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1480px) 1480px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1480&quot; height=&quot;643&quot; src=&quot;https://img.ly/_astro/rotation_of_groups_oxAW4.webp&quot; srcset=&quot;/_astro/rotation_of_groups_1NFy6r.webp 640w, /_astro/rotation_of_groups_2ss6Qm.webp 750w, /_astro/rotation_of_groups_ZCO3fG.webp 828w, /_astro/rotation_of_groups_29du7E.webp 1080w, /_astro/rotation_of_groups_Z1gd1mB.webp 1280w, /_astro/rotation_of_groups_oxAW4.webp 1480w&quot;&gt;&lt;/p&gt;
&lt;p&gt;The engine and user interface add options for rotating groups and design blocks with children. This allows changing the rotation of multiple elements at once quickly.&lt;/p&gt;
&lt;h3 id=&quot;custom-asset-source-ui&quot;&gt;Custom Asset Source UI&lt;/h3&gt;
&lt;p&gt;Instead of fixed entry points such as “Images,” “Stickers,” or “Shapes,” we want to enable custom and flexible entry points. Until today, we tied them to a block type, which is currently only relevant when users add an asset to the scene.&lt;/p&gt;
&lt;h3 id=&quot;moving-from-roles-to-abilities-disconnecting-ui-variants-from-roles&quot;&gt;Moving from Roles to Abilities: Disconnecting UI Variants from Roles&lt;/h3&gt;
&lt;p&gt;Before the change, the Advanced UI was tied to the creator role and the Default UI was tied to the Adopter Role. This is now no longer the case. The scopes and editing options are still controlled by the abilities of the current role.&lt;/p&gt;
&lt;h3 id=&quot;shadows-in-advanced-ui&quot;&gt;Shadows in Advanced UI&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1480px) 1480px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1480&quot; height=&quot;643&quot; src=&quot;https://img.ly/_astro/shadows_in_advanced_API_Z1FOoi7.webp&quot; srcset=&quot;/_astro/shadows_in_advanced_API_Z45be.webp 640w, /_astro/shadows_in_advanced_API_Zy5jRz.webp 750w, /_astro/shadows_in_advanced_API_egkMm.webp 828w, /_astro/shadows_in_advanced_API_Qlk0w.webp 1080w, /_astro/shadows_in_advanced_API_27QwKF.webp 1280w, /_astro/shadows_in_advanced_API_Z1FOoi7.webp 1480w&quot;&gt;&lt;/p&gt;
&lt;p&gt;With this update, we roll out the long-awaited ability to apply shadows to elements in our Advanced UI. Realistic drop shadow effects add more depth to your designs with a few clicks – no other editor is needed.&lt;/p&gt;
&lt;h3 id=&quot;blur-api&quot;&gt;Blur API&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1480px) 1480px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1480&quot; height=&quot;643&quot; src=&quot;https://img.ly/_astro/blur_API_Zfrq6A.webp&quot; srcset=&quot;/_astro/blur_API_1o848m.webp 640w, /_astro/blur_API_ZGbmUm.webp 750w, /_astro/blur_API_ZziuOW.webp 828w, /_astro/blur_API_Z2rt0Ii.webp 1080w, /_astro/blur_API_Z1lsdpr.webp 1280w, /_astro/blur_API_Zfrq6A.webp 1480w&quot;&gt;&lt;/p&gt;
&lt;p&gt;We introduce new APIs to modify the blur for images and other blocks. This change allows programmatic access to add blur effects in automation cases and when building your own UI.&lt;/p&gt;
&lt;h3 id=&quot;effects-api&quot;&gt;Effects API&lt;/h3&gt;
&lt;p&gt;We introduce new APIs to modify the effect stack for shapes and other blocks. This allows programmatic access to effects like adjustments, LUT filters, and many more.&lt;/p&gt;
&lt;h3 id=&quot;image-fills-api&quot;&gt;Image Fills API&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1480px) 1480px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1480&quot; height=&quot;643&quot; src=&quot;https://img.ly/_astro/image_fill_HmPh2.webp&quot; srcset=&quot;/_astro/image_fill_Z1IbTb.webp 640w, /_astro/image_fill_Z14KA8n.webp 750w, /_astro/image_fill_1rwknl.webp 828w, /_astro/image_fill_274TKn.webp 1080w, /_astro/image_fill_1pdRvH.webp 1280w, /_astro/image_fill_HmPh2.webp 1480w&quot;&gt;&lt;/p&gt;
&lt;p&gt;Currently, you can only access and use images with the image block. However, pages or vector shapes could use more than just a color or gradient fill. Therefore, we broaden the concept of fills by allowing every block to have an image fill, e.g., pages. This change will enable building a more natural photo- or video-editor experience. &lt;a href=&quot;https://img.ly/docs/cesdk/js/fills/overview-3895ee/?utm_source=imgly&amp;#x26;utm_medium=blog&amp;#x26;utm_campaign=releasenotes&quot;&gt;Documentation&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&quot;image-straighten-api&quot;&gt;Image Straighten API&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1480px) 1480px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1480&quot; height=&quot;643&quot; src=&quot;https://img.ly/_astro/image_straighten_Z1uLpF1.webp&quot; srcset=&quot;/_astro/image_straighten_Z29KtL5.webp 640w, /_astro/image_straighten_vwHgA.webp 750w, /_astro/image_straighten_Z1O428T.webp 828w, /_astro/image_straighten_ZymsGh.webp 1080w, /_astro/image_straighten_Z124rb9.webp 1280w, /_astro/image_straighten_Z1uLpF1.webp 1480w&quot;&gt;&lt;/p&gt;
&lt;p&gt;We are extending the Image Crop API to allow straightening, flipping, and rotating images during cropping. This change allows more fine-grained control.&lt;/p&gt;
&lt;h3 id=&quot;improved-group-selection-and-api&quot;&gt;Improved Group Selection and API&lt;/h3&gt;
&lt;p&gt;There are multiple options to select blocks inside a group:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;selecting a group first and with each click select one block deeper in the hierarchy&lt;/li&gt;
&lt;li&gt;selecting an element under the cursor directly, neglecting the hierarchy&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Previously, we defaulted to different behaviors depending on the user’s role. Now, this is configurable and also customizable during runtime via APIs. Therefore, it’s up to the implementor how the selection should work.&lt;/p&gt;
&lt;h3 id=&quot;scopes-api&quot;&gt;Scopes API&lt;/h3&gt;
&lt;p&gt;We introduce new APIs to modify the scopes for blocks. This update allows programmatic access to change the scopes for users and allows control over the possible edits a user can make to a scene.&lt;/p&gt;
&lt;h3 id=&quot;shadows-api&quot;&gt;Shadows API&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1480px) 1480px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1480&quot; height=&quot;643&quot; src=&quot;https://img.ly/_astro/shadows_API_jTf6L.webp&quot; srcset=&quot;/_astro/shadows_API_PF3VL.webp 640w, /_astro/shadows_API_1R2ETk.webp 750w, /_astro/shadows_API_Gh7bU.webp 828w, /_astro/shadows_API_2a5X4g.webp 1080w, /_astro/shadows_API_Z1i5WNW.webp 1280w, /_astro/shadows_API_jTf6L.webp 1480w&quot;&gt;&lt;/p&gt;
&lt;p&gt;We introduce new APIs to modify shadows for images and other blocks. This change allows programmatic access to add shadow effects to be used in automation cases and when you build your UI.&lt;/p&gt;
&lt;h3 id=&quot;zoom-api&quot;&gt;Zoom API&lt;/h3&gt;
&lt;p&gt;We introduce new APIs to modify the current zoom level. This allows programmatic access to change the current zoom easily for automation use-cases or for building your own user interface.&lt;/p&gt;
&lt;h2 id=&quot;product-roadmap&quot;&gt;Product Roadmap&lt;/h2&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1480px) 1480px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1480&quot; height=&quot;643&quot; src=&quot;https://img.ly/_astro/API_general_snkLp.webp&quot; srcset=&quot;/_astro/API_general_Z2gaGAs.webp 640w, /_astro/API_general_Z1eN5CT.webp 750w, /_astro/API_general_Z2pyDlj.webp 828w, /_astro/API_general_2iz3IT.webp 1080w, /_astro/API_general_Z19BR9j.webp 1280w, /_astro/API_general_snkLp.webp 1480w&quot;&gt;&lt;/p&gt;
&lt;p&gt;As mentioned before, we are happy to publish our &lt;a href=&quot;https://roadmap.img.ly&quot;&gt;Product Roadmap&lt;/a&gt; to let you in on our new features and enhancements for CE.SDK. This way, we can elaborate our decisions and plans for the product and how you can benefit while allowing you to give us feedback and indicate the importance of particular features.&lt;br&gt;
Now that you know what’s coming down the pike, you can prepare for the release of significant improvements and new features such as &lt;strong&gt;Video Support for Web&lt;/strong&gt; or &lt;strong&gt;Native iOS Support&lt;/strong&gt; well in advance.&lt;/p&gt;
&lt;h3 id=&quot;thanks-for-reading-let-us-know-what-you-think-on-twitter-to-stay-in-the-loop-subscribe-to-our-newsletter&quot;&gt;Thanks for reading! Let us know what you think on &lt;a href=&quot;https://twitter.com/imgly&quot;&gt;Twitter&lt;/a&gt;! To stay in the loop, subscribe to our &lt;a href=&quot;https://photoeditorsdk.us13.list-manage.com/subscribe?u=dc9f652839dbb620d14d6d28d&amp;#x26;id=04a306e4b2&quot;&gt;Newsletter&lt;/a&gt;.&lt;/h3&gt;</content:encoded><dc:creator>Malte</dc:creator><dc:creator>Daniel</dc:creator><media:content url="https://blog.img.ly/2022/08/creative-editor-sdk-design-photo-editor-javascript.png" medium="image"/><category>Release Notes</category><category>CE.SDK</category><category>Roadmap</category><category>Web Application</category><category>Web Development</category><category>Creative Editor</category><category>Design Editor</category><category>Photo Editor</category><category>SDK</category></item><item><title>Make it pop - introducing Animated and Smart Stickers</title><link>https://img.ly/blog/smart-animated-stickers/</link><guid isPermaLink="true">https://img.ly/blog/smart-animated-stickers/</guid><description>Stickers have become an essential part of digital expression and a popular feature across use cases, from marketing campaigns and social media posts to annotation. We are happy to announce our newest feature.</description><pubDate>Thu, 13 Aug 2020 18:31:18 GMT</pubDate><content:encoded>&lt;hr&gt;
&lt;p&gt;&lt;strong&gt;Our latest release: brand-new sticker types for iOS and Android&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;We are always on the lookout to improve our editor tools to engage users to be creative and add beautifully designed content.&lt;/p&gt;
&lt;p&gt;Our latest release for both mobile PhotoEditor SDK and VideoEditor SDK takes our stickers to the next level: With animated and smart stickers, we added popular features best known from apps like Instagram and TikTok – making editing more dynamic, expressive, and engaging. You can now capture your favorite moments by adding more context to your photos and videos. Maybe you finally landed that kickflip on a warm Monday morning, so you add the date and weather information. You can now also add your animated logo.  &lt;/p&gt;
&lt;p&gt;Our animated stickers not only provide you with a set of premade assets that come with the latest version of the editor but also let you integrate your custom ones tailored to your company and brand.&lt;/p&gt;
&lt;p&gt;Smart Stickers on the other hand open up a whole range of new possibilities, visualizing dynamic information like weather data, location, or dates. Like our text design feature, it’s the ease of use that makes these stickers special – simply cycle through different variations with a tap.&lt;/p&gt;
&lt;p&gt;Take a look at all updates and assets on our Mobile SDK page.    &lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://photoeditorsdk.com/mobile-sdk/?utm_campaign=Projects&amp;#x26;utm_medium=Blog&amp;#x26;utm_source=Main%20Blog&amp;#x26;utm_content=Sticker%20Types&quot;&gt;&lt;img alt=&quot;Check it out!&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 150px) 150px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;150&quot; height=&quot;47&quot; src=&quot;https://img.ly/_astro/check_it_out_Z21PgLn.webp&quot; srcset=&quot;/_astro/check_it_out_Z21PgLn.webp 150w&quot;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;PS: Do you have feedback or suggestions for new smart stickers you want to see from us? Let us know in our &lt;a href=&quot;https://sales20200811.typeform.com/to/sP6dhXMc&quot;&gt;Quick-Survey&lt;/a&gt;. We’re happy to hear from you!&lt;/p&gt;</content:encoded><dc:creator>Michael K.</dc:creator><media:content url="https://blog.img.ly/2020/08/6mb-smartsticker-animatedsticker-pesdk.gif" medium="image"/><category>iOS</category><category>Android</category><category>Video Editing</category><category>Photo Editing</category><category>SDK</category><category>Colors</category><category>Stickers</category><category>Company</category></item><item><title>Announcing PhotoEditor SDK HTML5–v 5.0</title><link>https://img.ly/blog/announcing-photoeditor-sdk-html5-v-5-0-a4d5ee8c13a9/</link><guid isPermaLink="true">https://img.ly/blog/announcing-photoeditor-sdk-html5-v-5-0-a4d5ee8c13a9/</guid><description>We have some great updates to share. After a year of hard work and countless iterations, it is our utmost pleasure to announce that PhotoEditor SDK remake for HTML5 is here. ?</description><pubDate>Thu, 16 Apr 2020 12:00:00 GMT</pubDate><content:encoded>&lt;h2 id=&quot;meet-photoeditor-sdk-50&quot;&gt;Meet PhotoEditor SDK 5.0&lt;/h2&gt;
&lt;p&gt;Last year we decided to meticulously rebuild the PhotoEditor SDK HTML5 from stem to stem. There’s a saying that great software is constantly evolving for the better. PhotoEditor SDK 5 does just that, it is now *&lt;strong&gt;*smaller**&lt;/strong&gt;, *&lt;strong&gt;*faster and easily**&lt;/strong&gt; *&lt;strong&gt;*maintainable.**&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&quot;rethinking-ui-design-for-a-better-user-experience&quot;&gt;Rethinking UI Design for a Better User Experience&lt;/h2&gt;
&lt;p&gt;The User Interface (UI) of the PhotoEditor SDK is visually and conceptually revised taking specific usability and platform guidelines into account. This has resulted in an even more consistent and intuitive UI than before.&lt;/p&gt;
&lt;p&gt;In the course of refactoring, we have standardized the UI structure and arrangement of the individual tools. The UI controls are now displayed according to their context to create a minimalist, clear, and appealing overall image. Find more information on the design improvements &lt;a href=&quot;https://img.ly/docs/pesdk/web/concepts/design/&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1400px) 1400px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1400&quot; height=&quot;686&quot; src=&quot;https://img.ly/_astro/1-tXsDcNT2izdNRL3vMwrQlA-1_Zd7wG5.webp&quot; srcset=&quot;/_astro/1-tXsDcNT2izdNRL3vMwrQlA-1_1vKsJ1.webp 640w, /_astro/1-tXsDcNT2izdNRL3vMwrQlA-1_1id5Y0.webp 750w, /_astro/1-tXsDcNT2izdNRL3vMwrQlA-1_ZfLIAS.webp 828w, /_astro/1-tXsDcNT2izdNRL3vMwrQlA-1_wCUOR.webp 1080w, /_astro/1-tXsDcNT2izdNRL3vMwrQlA-1_1eGlaa.webp 1280w, /_astro/1-tXsDcNT2izdNRL3vMwrQlA-1_Zd7wG5.webp 1400w&quot;&gt;&lt;/p&gt;
&lt;h2 id=&quot;lets-talk-metrics&quot;&gt;Let’s talk metrics&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;The average TTI (&lt;a href=&quot;https://developer.chrome.com/docs/lighthouse/performance/interactive/&quot;&gt;Time to interactive&lt;/a&gt;) changed from 96.8s to 5.5s&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 749px) 749px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;749&quot; height=&quot;290&quot; src=&quot;https://img.ly/_astro/image-25_1524Pn.webp&quot; srcset=&quot;/_astro/image-25_1f3V6d.webp 640w, /_astro/image-25_1524Pn.webp 749w&quot;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;That makes it “fast enough” on mobile networks&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 862px) 862px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;862&quot; height=&quot;452&quot; src=&quot;https://img.ly/_astro/image-26_ZqpQzx.webp&quot; srcset=&quot;/_astro/image-26_ZOeVve.webp 640w, /_astro/image-26_119YVz.webp 750w, /_astro/image-26_Zt718Y.webp 828w, /_astro/image-26_ZqpQzx.webp 862w&quot;&gt;&lt;/p&gt;
&lt;p&gt;These massive speed gains were mainly enabled by our major rewrite and re-architecting of the codebase. Since it has been untouched for years, we have now reconstructed it completely focusing on performance and scalability.&lt;/p&gt;
&lt;h2 id=&quot;configurations-and-customizations&quot;&gt;Configurations and Customizations&lt;/h2&gt;
&lt;p&gt;UI is now supercharged with even more customization options.&lt;/p&gt;
&lt;h3 id=&quot;layouts&quot;&gt;Layouts&lt;/h3&gt;
&lt;p&gt;We will be supporting two UIs as before, but we are now moving away from the terminology Desktop UI and React UI. Instead, they are now called Advanced UI and Basic UI, sharing one and the same code base.&lt;/p&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1400px) 1400px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1400&quot; height=&quot;933&quot; src=&quot;https://img.ly/_astro/image-27_ZfrPVp.webp&quot; srcset=&quot;/_astro/image-27_Z1RLbBt.webp 640w, /_astro/image-27_j99ST.webp 750w, /_astro/image-27_Z1EpbNV.webp 828w, /_astro/image-27_Z1L8sat.webp 1080w, /_astro/image-27_25XOf9.webp 1280w, /_astro/image-27_ZfrPVp.webp 1400w&quot;&gt;&lt;/p&gt;
&lt;h3 id=&quot;themes&quot;&gt;Themes&lt;/h3&gt;
&lt;p&gt;Light theme was one of the most sought out features for the PhotoEditor SDK HTML5. The UI can now be integrated even better into existing systems, thus transitioning seamlessly from the PhotoEditor UI to the rest of the UI. End users are offered an improved holistic experience. With the major version, &lt;strong&gt;dark&lt;/strong&gt; and &lt;strong&gt;light&lt;/strong&gt; themes are supported by default. Moreover, themes can be customized on three levels colors, typography, and shape. More on that &lt;a href=&quot;https://img.ly/docs/pesdk/web/customization/theme/&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1400px) 1400px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1400&quot; height=&quot;933&quot; src=&quot;https://img.ly/_astro/image-28_2mHOkl.webp&quot; srcset=&quot;/_astro/image-28_Z1WBokP.webp 640w, /_astro/image-28_eiWax.webp 750w, /_astro/image-28_Z1Jfoxi.webp 828w, /_astro/image-28_Q2d6h.webp 1080w, /_astro/image-28_Zm2Di2.webp 1280w, /_astro/image-28_2mHOkl.webp 1400w&quot;&gt;&lt;/p&gt;
&lt;h3 id=&quot;component-customization&quot;&gt;Component Customization&lt;/h3&gt;
&lt;p&gt;This has to be the most exciting feature for the major release. You could simply provide a React Component in the configuration and it will be rendered instead of PhotoEditor SDK HTML5 built-in Component. This can help you transform the UI to match the design style of your application. More on that &lt;a href=&quot;https://img.ly/docs/pesdk/web/customization/component/&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; sizes=&quot;(min-width: 1239px) 1239px, 100vw&quot; data-astro-image=&quot;constrained&quot; data-astro-image-pos=&quot;center&quot; width=&quot;1239&quot; height=&quot;835&quot; src=&quot;https://img.ly/_astro/image-29_ZleDnP.webp&quot; srcset=&quot;/_astro/image-29_1jbv2v.webp 640w, /_astro/image-29_1PqMCv.webp 750w, /_astro/image-29_csDJJ.webp 828w, /_astro/image-29_K2C4p.webp 1080w, /_astro/image-29_ZleDnP.webp 1239w&quot;&gt;&lt;/p&gt;
&lt;h2 id=&quot;and-more&quot;&gt;And More&lt;/h2&gt;
&lt;p&gt;This is just the tip of the iceberg. This release includes numerous user experience and performance improvements. Moreover, PhotoEditor SDK supports differential serving i.e., we *&lt;strong&gt;*serve**&lt;/strong&gt; different bundles to different browsers, and provides typings.&lt;/p&gt;
&lt;h2 id=&quot;deprecations-and-breaking-changes&quot;&gt;Deprecations and Breaking Changes&lt;/h2&gt;
&lt;p&gt;If you’ve read the post up until to this point, you should be able to notice that there will be breaking changes. Although we have tried to minimize the number of breaking changes and make it backward compatible as much as possible, we believe that some breaking changes in the configuration will be required.&lt;/p&gt;
&lt;p&gt;Hitherto we supported two rendering engines for PhotoEditor SDK UI i.e., WebGL and Canvas. Considering browser support we will here-forth be supporting only WebGL.&lt;/p&gt;
&lt;p&gt;You can find out more about the release, try out some demos, check our &lt;a href=&quot;https://docs.photoeditorsdk.com/guides/html5/v5/introduction/migration-guide&quot;&gt;migration guide&lt;/a&gt;, or simply get started &lt;a href=&quot;https://img.ly/docs/pesdk/web/introduction/getting_started/&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;We’re looking forward to exploring the new capabilities the PhotoEditor SDK V5 starts to unravel, and we’re excited to continue pushing the boundaries of what’s possible in UI libraries and sharing it with you.&lt;/p&gt;
&lt;p&gt;Ask us anything &lt;a href=&quot;https://support.img.ly/&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;PS: Yes, most of the images used in the blog post are edited using the PhotoEditor SDK, #That’sSoMeta&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Thanks for reading! To stay in the loop, subscribe to our &lt;a href=&quot;https://photoeditorsdk.us13.list-manage.com/subscribe?u=dc9f652839dbb620d14d6d28d&amp;#x26;id=04a306e4b2&quot;&gt;Newsletter&lt;/a&gt;.&lt;/strong&gt;&lt;/p&gt;</content:encoded><dc:creator>Priyanka</dc:creator><media:content url="https://blog.img.ly/2020/04/1-vCljWkE1XFiYGo-KPKLEoA-2.jpeg" medium="image"/><category>Release Notes</category><category>Photo Editor</category><category>React</category><category>Components</category><category>SDK</category><category>Tech</category><category>How-To</category><category>Company</category></item><item><title>Why our SDK is not Photoshop or Lego.</title><link>https://img.ly/blog/why-our-sdk-is-not-photoshop-or-lego-e2890f9b22b0/</link><guid isPermaLink="true">https://img.ly/blog/why-our-sdk-is-not-photoshop-or-lego-e2890f9b22b0/</guid><pubDate>Sun, 23 Feb 2020 23:00:00 GMT</pubDate><content:encoded>&lt;p&gt;&lt;strong&gt;PhotoEditor SDK&lt;/strong&gt; (Software Development Kit) or more general w&lt;strong&gt;hite-label editor solution&lt;/strong&gt; might sound like big words. And of course, we’d love to tell you that we are a jack of all trades. However, while our standard is to provide you with the most sophisticated editor solution possible, there are challenges to be faced on that path. Now, while I’d be more than happy to talk about all the reasons in favor of using our SDKs, I’m convinced you’ll get the clearest image of whether PhotoEditor SDK is the right solution for you when I tell you what we can’t do. So, let’s jump right in.&lt;/p&gt;
&lt;h3 id=&quot;we-are-no-photoshop&quot;&gt;We are no Photoshop&lt;/h3&gt;
&lt;p&gt;First of all, it has to be said that image editing is a quite flexible concept. It relates to everything that alters the appearance or content of an image. From applying a black &amp;#x26; white filter and adding text to make your Instagram-stories more epic, over cutting out undesired aspects of an image like an ex-boyfriend or altering ratios up to the point where the image does not display what was originally captured, for sure, some Tinder profile pictures.&lt;/p&gt;
&lt;p&gt;Now, tools like Photoshop are built for professionals to edit images and polish them in hours of detail work. In other words: it’s an extremely powerful solution you can do ANYTHING with. And while this is its main appeal, its complexity is also why non-designers who don’t want to spend a lot of time learning how to use it — simply don’t.&lt;/p&gt;
&lt;p&gt;However, that isn’t to say that these users don’t have a need to edit images for different purposes. This is where we come into play, making image editing and design accessible for everyone at the tap of a finger. While our PhotoEditor SDK doesn’t do everything, it delivers the set of tools your users really need and want to see in your app — no matter if it’s a social network, a printing service or a marketing tool — at a very high quality.&lt;/p&gt;
&lt;h3 id=&quot;we-are-no-lego-either&quot;&gt;We are no Lego either&lt;/h3&gt;
&lt;p&gt;I guess many of us remember the joy of playing with Lego when we were little toddlers. No matter how crazy the idea, we put it together brick by brick eventually ending up with a quite colorful but yet solid plane, car or spaceship — thanks to Lego’s incredible modularity.&lt;/p&gt;
&lt;p&gt;Can you approach using PhotoEditor SDK in the same way? No.&lt;br&gt;
Is that a bad thing? No, again — actually quite the opposite. While freedom of design is often viewed as one of the greatest goods to strive for, it adds tons of complexity when building applications. However, right at the top of the must-have list is a smooth and intuitive UX. Hence, not every part of the editor can just be re-attached to any other place within it. Our designers created a well thought out UI that makes operating the editor simple and enjoyable.&lt;/p&gt;
&lt;p&gt;You can think of it as a Lego building instruction. Sure, you could try to assemble that recently bought Lego product without it, by trial and error. However, as you didn’t purchase just a handful of randomly selected bricks, I’m convinced you’d love to successfully complete that flashy Millennium Falcon to proudly place it somewhere in your living room. Therefore, following the steps of the enclosed booklet is similar to editing your way through our well thought out UI.&lt;/p&gt;
&lt;p&gt;Also, back then Lego seemed compatible with almost every other toy we owned, or at least, we didn’t mind mixing them up. However, when it comes to coding, not every brick attaches to any other brick per default. For instance, there used to be only rudimentary demos for the integration of our SDKs with a handful of frameworks available. Thus, making the standard integration as explained in &lt;a href=&quot;https://img.ly/docs/pesdk/&quot;&gt;our docs&lt;/a&gt; the best way for the implementation. That is, until now.&lt;/p&gt;
&lt;p&gt;With our React Native wrapper, we have released the first in a row of framework integrations for &lt;a href=&quot;https://img.ly/products/photo-sdk/&quot;&gt;PhotoEditor SDK&lt;/a&gt;. Feel free to check it out &lt;a href=&quot;https://img.ly/docs/pesdk/&quot;&gt;here&lt;/a&gt;. In addition, you should read the &lt;a href=&quot;https://img.ly/blog/react-native-native-modules-made-for-react-developers-59ca93c41541/&quot;&gt;corresponding blog article&lt;/a&gt; my colleague, Alex, published a few days ago. The good news — our development team doesn’t stop there and will add more wrappers during the coming months. So, stay tuned.&lt;/p&gt;
&lt;p&gt;If you’re interested in implementing the editor into your app or website using a framework, you should let us know which framework you’re interested in.&lt;/p&gt;
&lt;h3 id=&quot;so-what-exactly-can-you-expect-from-us&quot;&gt;So, what exactly can you expect from us?&lt;/h3&gt;
&lt;p&gt;In essence: an editor solution that provides you with…&lt;/p&gt;
&lt;p&gt;*&lt;strong&gt;*·**&lt;/strong&gt; a well-balanced feature selection serving a wide variety of use cases,&lt;/p&gt;
&lt;p&gt;*&lt;strong&gt;*·**&lt;/strong&gt; a degree of customizability ensuring that no one will ever notice that your editor is a third-party library, and&lt;/p&gt;
&lt;p&gt;*&lt;strong&gt;*·**&lt;/strong&gt; ongoing maintenance and support at an easy to calculate price over time.&lt;/p&gt;
&lt;p&gt;To sum things up, ideally, you already know what you expect from a third-party editor solution. So, instead of telling you that we are the best choice for your use-case, I’d like you to be the judge of that.&lt;/p&gt;
&lt;p&gt;We are happy to discuss any and every question you might have. Also, as qualitative feedback is always appreciated, we’d love to talk to you. Don’t hesitate to reach out.&lt;/p&gt;
&lt;p&gt;Until then, cheers and keep it up&lt;br&gt;
Magnus&lt;/p&gt;
&lt;p&gt;*&lt;strong&gt;*Thanks for reading! To stay in the loop, subscribe to our&lt;/strong&gt; &lt;a href=&quot;https://photoeditorsdk.us13.list-manage.com/subscribe?u=dc9f652839dbb620d14d6d28d&amp;#x26;id=04a306e4b2&quot;&gt;&lt;strong&gt;Newsletter&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;.**&lt;/strong&gt;&lt;/p&gt;</content:encoded><dc:creator>Magnus</dc:creator><media:content url="https://blog.img.ly/2020/04/1-hglER14sKML6hqpet642FQ.jpeg" medium="image"/><category>Photo Editing</category><category>Lego</category><category>Photoshop</category><category>Image Editing</category><category>SDK</category><category>Learning</category></item></channel></rss>