Releases – IMG.LY Blog

CreativeEditor SDK now Supports Flutter on iOS & Android

Leon — Wed, 11 Sep 2024 09:16:19 GMT

We’re excited to introduce our new official imgly_editor Flutter plugin, bringing the CreativeEditor SDK to the Flutter ecosystem for iOS and Android!

Our CreativeEditor SDK empowers developers to seamlessly integrate design, video, and photo editing capabilities into their applications. Over the past few months, we’ve been laser-focused on enhancing our mobile editor solutions—refining existing features and expanding to new use cases, like the Video Editor.

To make our CreativeEditor SDK accessible to even more developers, we’re expanding our platform lineup to include mobile cross-platform frameworks.

We’re kicking off with one of the leading cross-platform mobile development frameworks, bringing you a Flutter integration for both iOS and Android.

Checkout our Flutter Showcases app on GitHub and test the integration yourself or follow our guide to learn how to integrate IMG.LY’s video editor for Flutter into your app.

Getting Started

Using the CreativeEditor SDK in Flutter is as easy as pie. First, gather your essentials: your license from our dashboard and the asset you wish to edit (if applicable).

Then, call the IMGLYEditor.openEditor function and start creating:

import "package:imgly_editor/imgly_editor.dart";

final settings = EditorSettings(license: "YOUR_LICENSE");
final result = await IMGLYEditor.openEditor(settings: settings);

Editor UI Presets

The imgly_editor Flutter plugin is built on top of our native editor solutions, enabling you to use our existing iOS and Android editor UI variants supporting a broad range of use cases. At launch, you can choose between:

Simply specify the editor variant when opening the editor:

import 'package:imgly_editor/imgly_editor';

/// Open the editor from an existing editor configuration.
///
/// Choose between [EditorPreset.video], [EditorPreset.image],
/// [EditorPreset.design], [EditorPreset.postcard] and
/// [EditorPreset.apparel].
const preset = EditorPreset.video;
final settings = EditorSettings(license: "YOUR_LICENSE");
final result = await IMGLYEditor.openEditor(preset: preset, settings: settings);

Additionally to our existing editor variants, you can also create your own editor variant to suit your particular use case using our native api. Please refer to our documentation on further information.

The Only Truly Cross Platform SDK

Since you are using Flutter, you probably care about time to market, reduced learning overhead for your dev team and cross platform feature parity and consistency. IMG.LY’s SDK design is guided by those same objectives. It is built atop a single creative engine that is portable to any platform. Whether iOS, Android, Desktop, or the Web, every platform uses the same underlying tech.

That means:

iOS and Android make use of the same underlying API.
Cross platform feature parity is baked into the cake. Since core functionality is implemented at the engine level, features are guaranteed to be available on both platform, although the timeline might differ somewhat.
Designs are 100% interoperable and consistent between platforms. Exporting and importing design files across platforms works seamlessly and final renderings are guaranteed to be consistent.

Fully Customizable UI

The Flutter plugin provides choices for theming, styling color palettes, and callbacks to hook into editor events.

We have designed the Flutter plugin to be adaptable to match your brand and use case specific requirements. Soon the plugin will also support more advanced customization options such as the ability to activate or deactivate features by default.

Check out our documentation for more information on opening a specific editor variant and customize the editor to your needs.

What’s Next?

To showcase what the new plugin can do, we’ve prepared a public example application you can explore on GitHub. Additionally, our documentation offers all the details you need to get started. And of course, you can head to our imgly_editor pub.dev page to begin integrating the Creative Editor into your app. Remember to grab your license from our homepage and let our editor unlock the creative potential of your users.

Are you Looking for React Native?

For those awaiting a React Native release, we have great news: React Native support (iOS & Android) is up next!

Stay tuned for more updates, and please reach out if you have any questions. Thank you for reading.

Over 3,000 creative professionals gain early access to our new features, demos, and updates—don’t miss out, and subscribe to our newsletter.

CE.SDK v1.13 Release Notes

Neslihan — Wed, 19 Jul 2023 13:08:50 GMT

Since our last release, we’ve been busy crafting new features and enhancements to empower your creative editing journey. Moreover, we have changed the configuration of CreativeEngine and CreativeEditor SDK to make it more versatile. We are excited to announce that CE.SDK v1.13 is now available!

Enhance Video Composition: Duration and Time Offset Control

Interfaces: API
Platforms: All

Whether you want to add a captivating video overlay or include background music, the possibilities are endless. What’s included:

Time Offset and Duration control: Give each block a specific time offset and duration, allowing them to appear and disappear at desired intervals. For example, you can overlay a sticker on your video for a brief moment, creating eye-catching effects.
API integration: Currently, this feature can be controlled via API, providing flexibility and control for advanced customization.

We are thrilled to announce that this engaging feature will soon be available across all our user interfaces. Learn how to configure video and audio in documentation.

Elevate iOS Video Experience with More Codecs

Interfaces: Touch UI
Platforms: iOS

With CE.SDK’s H.265 support for iOS, you can deliver high-quality video playback on iOS devices while enjoying the benefits of improved video compression and reduced file sizes. Enhance your users’ experience with faster video streaming, enhanced storage efficiency, and exceptional visual quality.

Easily Select Blocks in Complex Designs

Interfaces: Default UI, Studio UI, Touch UI, API
Platforms: All

Selecting blocks in complex designs can be tedious and time-consuming. But with our refined selection behavior, we’ve made it effortless. With this enhancement, you can now effortlessly select and interact with elements in your designs, even in the most intricate compositions. Our advanced algorithm considers the shape of the block and the transparency of the fill, ensuring precise and intuitive selections.

Simplify Group Interaction and Enhance Mobile Usability

Interfaces: Default UI, Studio UI, Touch UI
Platforms: All

Simplify the management and editing of groups in your designs with our latest enhancements. Experience a seamless workflow on both desktop and mobile devices, as you navigate and manipulate group elements. With clear hover-states and selection visualizations, group relationships become more apparent, allowing for precise editing and arrangement of elements. Your users can achieve the perfect composition for their designs with ease.

Configure via API

Interfaces: All
Platforms: Web

We’re thrilled to introduce a more versatile approach to configuring the engine with our latest update. Now, you have the power to fine-tune every aspect of the engine’s settings using comprehensive API calls. This enhanced configurability empowers you to customize your editor precisely according to your requirements. Embrace the flexibility and control to create an editing experience that aligns perfectly with your vision. Learn more about the changes in detail and how to migrate to CE.SDK v1.13 in our documentation.

Outlook: Easily Remove Backgrounds in Your Browser

@imgly/background-removal is a powerful open-source JavaScript library that allows seamlessly background removal of images directly in the browser. With its unique features and capabilities, this package offers enhanced productivity, cost-efficiency, and data privacy while achieving stunning results. Try it out in our background removal showcase. This highly requested feature will soon be available within CE.SDK

Thank you for reading! Never miss out on updates and subscribe to our newsletter.

CE.SDK v1.8.0 Release

Neslihan — Tue, 18 Oct 2022 14:48:05 GMT

Since our CE.SDK v1.7.0 Release, we implemented more highly requested features. Today, we shine light on them. As always, we are excited to hear your feedback and suggestions to build powerful features for your application. Our Product Roadmap is the best place to make your case and be the first one to know of future releases.

CE.SDK v1.8.0

This release includes:

Node.js Platform Support
Common Touch Gesture Support for iOS
Emoji Support ?
Image Straightening in Advanced & Default UI
Multi Selection Rotation
Outlook

Node.js Platform Support

Since the release of our Node Package, you can run a headless version of CE.SDK on the server. Now with this release, you have the full power of our Creative Engine at your fingertips, enabling you to programmatically generate images on the server or command line, render scenes created with the web SDK, and implement any creative automation workflow.

Common Touch Gesture Support for iOS

We know that a mobile presence and functionality is crucial for your application. If users find it difficult to complete a task or are frustrated by poor usability, they could quickly bid adieu to your app and ditch your hard work for a competitor. So with this update, we add common touch gesture to improve the editing experience on touchpads and mobile devices. This includes gestures like pinching, spreading, dragging, rotating, tap and double tapping.

Emoji Support

Sometimes, a party face says more than a thousand words ?: Emojis have become an essential part of modern communication and are omnipresent, especially on mobile platforms, but on desktop as well. We added Emoji rendering support for more fun edits and colorful messaging.

Image Straightening in Advanced & Default UI

While cropping your image, you can now also straighten, flip and rotate it! This feature gives you full control over your image in one place – available in both Advanced and Default User Interfaces.

Multi Selection Rotation

For an accelerated design and editing process, the engine and user interface now allow rotating several blocks at once. To multi-rotate, simply hold your Shift key while selecting the blocks you would like to move simultaneously.

Outlook

Native iOS Platform Support: With this feature, we will add support for developing native iOS applications with the SDK. It will come with full Swift API support and many integration examples.

Video for Web with CreativeEditor SDK: Users will be able to edit and create fantastic videos based on templates in their browser with our SDK in your application soon! Sign up for early access.

Thanks for reading! To stay in the loop, feel free to subscribe to our Newsletter.