--- title: "How-To – Blog" description: "Blog posts about How-To from the IMG.LY team." url: "https://img.ly/blog/tag/how-to/" type: "index" --- > This is the markdown version of [How-To – Blog](https://img.ly/blog/tag/how-to/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt). --- Every IMG.LY blog post tagged **How-To**, newest first. - [How to Build a Short Video Generator Using CE.SDK](https://img.ly/blog/how-to-build-a-short-video-generator-using-ce-sdk-2.md): Build an AI-powered video generator that creates editable, high-quality videos in the browser: no server-side processing needed. - [How I Built a Short Video Generator with AI & CE.SDK in One Day](https://img.ly/blog/how-to-build-short-video-generator-ai-creative-sdk.md): Can AI really accelerate product development? I built a short video generator in one day using AI and CE.SDK to find out. - [A Modern Vue.js Video Editor: Setup Guide](https://img.ly/blog/a-modern-vue-js-video-editor.md): Learn how to integrate IMG.LY's video editor for Vue.js into your web app, from the first single-file component to timeline edits and MP4 export. - [A Modern React Video Editor: Integration Guide](https://img.ly/blog/a-modern-react-video-editor.md): Learn how to integrate IMG.LY's video editor for React into your web app, from the first component to timeline edits and MP4 export. - [A Modern Angular Video Editor: Setup Guide](https://img.ly/blog/a-modern-angular-video-editor.md): Learn how to integrate IMG.LY's video editor for Angular into your web app, from the component scaffold to timeline edits and MP4 export. - [A Modern Video Editor SDK for Your React Native App](https://img.ly/blog/a-modern-video-editor-sdk-for-your-react-native-app.md): Learn how to integrate IMG.LY's video editor for React Native into your app and how to best leverage its capabilities. - [How to Load Stripe Data into Google BigQuery](https://img.ly/blog/how-to-load-stripe-data-into-google-bigquery.md): Discover how IMG.LY leverages Stripe's Data Pipeline to seamlessly transfer data into Google BigQuery using Google Cloud Functions. - [Elegant Event Handling in Kotlin - A Refactoring Walkthrough](https://img.ly/blog/kotlin-code-refactoring-for-peak-performance.md): Unlock peak performance in Kotlin code with these expert refactoring tips. - [How to Build a Cross-Platform Editing Experience for Web-to-Print](https://img.ly/blog/cross-platform-design-editing-for-web-to-print.md): Explore the importance of cross-platform web-to-print apps and the challenges of building a unified editing experience. - [How Printers Can Leverage Creative Automation](https://img.ly/blog/how-printers-can-leverage-creative-automation.md): Discover how creative automation can revolutionize print production and transform the print industry. - [How to Build a TikTok Clone for iOS with Swift & CreativeEditor SDK](https://img.ly/blog/how-to-build-a-tiktok-clone-for-ios.md): Learn how to build a TikTok clone for iOS with Swift and CreativeEditor SDK with this step-by-step in-depth tutorial. - [How to Add Stickers and Overlays to a Video in Flutter](https://img.ly/blog/how-to-add-stickers-and-overlays-to-a-video-in-flutter.md): Learn how to apply stickers and overlays to a video in Flutter and make your app's video content more personalizable and user-oriented. - [Variable Data Printing: What Is It & Why Do You Need It](https://img.ly/blog/variable-data-printing-definition-and-benefits.md): Discover the power of VDP for automating processes, scaling personalization & enhancing intimacy in marketing, advertising & customer management. - [How To Build a Video Editor With Wasm in React](https://img.ly/blog/how-to-build-a-video-editor-with-wasm-in-react.md): Use the ffmpeg.wasm library to build a React video editor that performs video processing directly in the browser. - [How to Apply Filters and Effects to an Image in Flutter](https://img.ly/blog/how-to-add-stickers-and-overlays-to-a-video-in-flutter-test.md): Learn how to manipulate images in Flutter with filters and effects. - [How to Draw on Images in React Native](https://img.ly/blog/how-to-draw-on-images-in-react-native.md): Learn how to draw on images in your React Native app – a great tool for annotations or fun image editing! - [How To Build a Video Player in JavaScript](https://img.ly/blog/how-to-build-video-player-in-javascript.md): Create your own JavaScript video player using simple methods for neat results! - [How To Resize Images in Flutter](https://img.ly/blog/how-to-resize-images-in-flutter.md): Keep it light: resize your application images in Flutter. - [Comparing the Top 5 Open Source JavaScript Image Manipulation Libraries](https://img.ly/blog/the-top-5-open-source-javascript-image-manipulation-libraries.md): Learn the difference between five major image manipulation libraries and choose the right one for you! - [How to Crop and Trim Videos in Flutter](https://img.ly/blog/how-to-crop-and-trim-videos-in-flutter.md): Create your own video app in Flutter with the free-to-use and open source solution FFmpeg. - [How To Crop and Trim Videos In Kotlin for Android](https://img.ly/blog/how-to-crop-and-trim-videos-in-kotlin-for-android.md): In this beginner-friendly tutorial you will learn how to crop and trim videos in Android with FFmpeg. - [Build a Simple Real-Time Video Editor with Metal for iOS](https://img.ly/blog/build-a-simple-real-time-video-editor-with-metal-for-ios.md): Learn to extract frames from live camera streams, regular movie files and streamed movie files and display them on a MetalKit View. - [How to Stream Videos Using Javascript and HTML5](https://img.ly/blog/how-to-stream-videos-using-javascript-and-html5.md): Learn how to stream videos right in your browser using only JavaScript and HTML5 APIs. - [How To Build a Canva Clone with CE.SDK](https://img.ly/blog/how-to-build-a-canva-clone-with-ce-sdk.md): Build a Canva-style design editor in React with CE.SDK: templates, locked layers, custom assets, and export, in a few hundred lines. - [How to Remove Backgrounds Using Core ML](https://img.ly/blog/how-to-remove-backgrounds-using-coreml.md): Bring background removal and replacement to your iOS application. - [Content Moderation for User-Generated Designs with CE.SDK and Sightengine](https://img.ly/blog/content-moderation-for-user-generated-designs-with-ce-sdk-and-sightengine.md): Protect your users and your brand reputation without manual content moderation. - [How to Apply Filter Effects to Video using VidEffects library on Android](https://img.ly/blog/how-to-apply-filter-effects-to-video-using-videffects-on-android.md): Learn about the benefits and limitations of VidEffects for video editing on Android. - [How To Generate an NFT Art Collection With React Using CE.SDK](https://img.ly/blog/how-to-generate-an-nft-art-collection-with-react-using-ce-sdk.md): Learn how to programmatically build a trading card set for NFT art collections in React with CE.SDK. - [Working with Large Video and Image Files on iOS with Swift](https://img.ly/blog/working-with-large-video-and-image-files-on-ios-with-swift.md): Find your best strategy for compressing and resizing images, videos, and other files with Swift. - [How to Make an Animated GIF Using Swift](https://img.ly/blog/how-to-make-an-animated-gif-using-swift.md): Learn how to create animated GIF files with Swift, and also extract still images from a video! - [How To Apply Image Filters in WebGL](https://img.ly/blog/how-to-add-image-filters-in-webgl.md): Learn everything you need to get started with kernel-based image filters in WebGL. - [How To Add Overlays to a Video in React Native](https://img.ly/blog/how-to-add-overlays-to-a-video-in-react-native.md): Learn how to place text or images over your videos in React Native. - [How To Resize and Compress an Image in JavaScript for Upload](https://img.ly/blog/how-to-compress-an-image-before-uploading-it-in-javascript.md): Learn how to downscale an image in JavaScript by reducing its size and quality before uploading it to your server. - [How To Add a Sticker to a Texture With Three.js](https://img.ly/blog/how-to-add-a-sticker-to-a-texture-with-three-js.md): Learn how to add an overlay image to your textures in WebGL and JavaScript with Three.js. - [How to Make Videos from Still Images with AVFoundation and Swift](https://img.ly/blog/how-to-make-videos-from-still-images-with-avfoundation-and-swift.md): Convert still images into video files with two strategies. - [How To Scale, Crop, Flip, and Filter an Image in CSS](https://img.ly/blog/how-to-scale-crop-flip-and-filter-an-image-in-css.md): Learn how to use CSS to perform the most common image processing manipulations. - [How To Manipulate an Image With Jimp in React](https://img.ly/blog/how-to-manipulate-an-image-with-jimp-in-react.md): Let's get started with Jimp in React. Easily alter images with a few lines of code. - [How to Merge Videos in iOS with Swift](https://img.ly/blog/combine-video-clips-into-a-new-file-in-ios-with-swift.md): Learn how to combine videos in iOS with Swift and jump into advanced creations. - [How to Add a Watermark to an Image in JavaScript](https://img.ly/blog/how-to-add-watermark-javascript.md): Create watermarks in Vanilla JavaScript and with watermarkjs! - [How to Add a Filter to a Video Stream in iOS](https://img.ly/blog/how-to-add-a-filter-to-a-video-stream-in-ios.md): Applying stunning filters to videos requires different methods than applying them to files in iOS. Find out how! - [How To Add Text to Video in Swift](https://img.ly/blog/add-text-to-video-in-swift.md): Use Swift and AVMutableVideoComposition to add a text overlay to a video clip! - [How To Pixelate an Image in JavaScript](https://img.ly/blog/how-to-pixelate-an-image-in-javascript.md): Pixelate an image in Vanilla JavaScript without any libraries – with the element! - [How To Record Screen Video Using ReplayKit for iOS](https://img.ly/blog/record-screen-with-swift-replaykit.md): Use Swift and ReplayKit to add screen recording to your application. Also use the new rolling clips feature introduced in iOS 15! - [How to Apply Custom Image Filters Using HTML5 Canvas in JavaScript](https://img.ly/blog/how-to-apply-filters-in-javascript.md): Apply custom filters in JavaScript without external libraries – with the element! - [How to Trim and Crop Video in Swift](https://img.ly/blog/trim-and-crop-video-in-swift.md): Learn how to use Swift and AVKit to crop a video clip and trim a video timeline. - [How to Create Image Filters for iOS](https://img.ly/blog/how-to-create-image-filters-in-ios.md): Write a custom `CIFilter` in Metal and Swift, usable in any CoreImage pipeline. - [How to Draw on an Image With JavaScript](https://img.ly/blog/how-to-draw-on-an-image-with-javascript.md): Easily implement a brush to draw on an image in JavaScript, without using any external library! - [How To Resize an Image in React](https://img.ly/blog/how-to-resize-an-image-in-react.md): Quickly resize an image with the `react-image-file-resizer` React library. - [How To Resize an Image With JavaScript](https://img.ly/blog/how-to-resize-an-image-with-javascript.md): Today, you will learn how to resize an image in JavaScript, without using any external library. Thanks to the HTML element, this is reasonably easy. Let's go! - [How To Crop an Image in React](https://img.ly/blog/how-to-crop-an-image-in-react-with-react-image-crop.md): In this article, you will learn to crop an image in JavaScript. Specifically, you will see how to achieve this goal with the react-image-crop React library. - [Flutter: Our new plugins made for Dart developers](https://img.ly/blog/flutter-native-plugins-made-for-dart-developers.md): We are happy to announce our new official Flutter plugins wrapping our native PhotoEditor SDK and VideoEditor SDK for one of the most popular cross-platform frameworks. - [A Photo and Video Editor for React Native Apps](https://img.ly/blog/a-photo-and-video-editor-for-your-react-native-apps.md): Learn how to quickly integrate a Photo & Video Editor into your React Native App with our step-by-step tutorial. - [Building the Creative Engine of the Digital World](https://img.ly/blog/building-the-creative-engine-of-the-world.md): With UBQ we are creating a platform for creative editing. We double down on our core belief that design can benefit a lot from technological advancements. - [Announcing PhotoEditor SDK HTML5–v 5.0](https://img.ly/blog/announcing-photoeditor-sdk-html5-v-5-0-a4d5ee8c13a9.md): 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. ? - [React Native: Native Modules made for React developers](https://img.ly/blog/react-native-native-modules-made-for-react-developers-59ca93c41541.md): On the developer experience with 3rd-party libraries for RN 0.60+ - [The future is Video, the future is now!](https://img.ly/blog/the-future-is-video-the-future-is-now-f5b3911023f6.md): Introducing VideoEditor SDK for iOS and Android - [How to integrate a Photo Editor into your iOS App](https://img.ly/blog/how-to-integrate-a-photo-editor-into-your-ios-app-ced008a7088b.md): 7-minute Video Tutorial - [How to integrate a Photo Editor into your Website](https://img.ly/blog/how-to-integrate-a-photo-editor-into-your-website-4578cc6ef6f3.md): 4-minute Video Tutorial - [Updates to the PhotoEditor SDK](https://img.ly/blog/updates-to-the-photoeditor-sdk-7df794757979.md): Color Pipette, DuoTone Filters, Folders, Snapping, Light Theme - [How to integrate a Photo Editor into your Android app](https://img.ly/blog/how-to-integrate-a-photo-editor-into-your-android-app-ee4148816e25.md): 6-minute Video Tutorial - [Almost Getting Sherlocked by Apple’s Core Image Team](https://img.ly/blog/almost-getting-sherlocked-by-apples-core-image-team-76249c370320.md): During each World Wide Developer Conference keynote, app developers all over the world are fearing their app may get sherlocked by Apple… - [How to recreate Snapchat’s UI within a single day with the PhotoEditor SDK for Android](https://img.ly/blog/how-to-recreate-snapchats-ui-within-a-single-day-with-the-photoeditor-sdk-for-android-e985b348c52c.md): Learn how to build a Snapchat clone within a day with the PhotoEditor SDK! - [How to build Instagram’s Story Editor in a Day](https://img.ly/blog/how-to-build-instagrams-story-editor-in-a-day-23be9adff9b.md): A common question we get asked from our customers, is whether they’ll be able to create an entirely different user interface using our… - [PhotoEditor SDK + Cordova & Ionic](https://img.ly/blog/photoeditor-sdk-cordova-dabe146e6c13.md): Despite the growing trend towards React Native, Cordova (formerly PhoneGap) is still going strong and creates frequent plugin requests from… - [PhotoEditor SDK + React Native](https://img.ly/blog/photoeditor-sdk-react-native-15179c589a55.md): Often our users ask whether it’s possible to use the PhotoEditor SDK for iOS and Android with React Native (the good news right away: Yes… - [Lightweight Image comparison with Rembrandt.JS](https://img.ly/blog/lightweight-image-comparison-with-rembrandt-js-b189276d03c4.md) - [Bringing Wide Color to PhotoEditor SDK](https://img.ly/blog/bringing-wide-color-to-photoeditor-sdk-a6ce8bb19ef7.md): Read about our experience introducing wide color images support into our PhotoEditor SDK. --- ## More Resources - **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design - **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation - **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.