# Pintura Version 8 Documentation This is the documentation for Pintura Image Editor v8. Pintura Image Editor is a JavaScript component that brings powerful image editing to the browser. These docs will help you install, setup, modify, and extend Pintura. ## Index - [Package contents](https://pqina.nl/pintura/docs/v8/package/index.md) - [Migrating from version 7](https://pqina.nl/pintura/docs/v8/migrating/index.md) - [Licensing](https://pqina.nl/pintura/docs/v8/license/index.md) - [Installing the Image Editor](https://pqina.nl/pintura/docs/v8/installation/index.md) - [Setting up Pintura Image Editor with Vue](https://pqina.nl/pintura/docs/v8/installation/vue/index.md) - [Setting up Pintura Image Editor with Uppy](https://pqina.nl/pintura/docs/v8/installation/uppy/index.md) - [Setting up Pintura Image Editor with SvelteKit](https://pqina.nl/pintura/docs/v8/installation/sveltekit/index.md) - [Setting up Pintura Image Editor with Svelte](https://pqina.nl/pintura/docs/v8/installation/svelte/index.md) - [Setting up Pintura Image Editor with React Native](https://pqina.nl/pintura/docs/v8/installation/react-native/index.md) - [Setting up Pintura Image Editor with React Dropzone](https://pqina.nl/pintura/docs/v8/installation/react-dropzone/index.md) - [Setting up Pintura Image Editor with React](https://pqina.nl/pintura/docs/v8/installation/react/index.md) - [Setting up Image Editing with the Pintura Input element](https://pqina.nl/pintura/docs/v8/installation/pintura-input/index.md) - [Setting up Pintura Image Editor with NuxtJS](https://pqina.nl/pintura/docs/v8/installation/nuxtjs/index.md) - [Setting up Pintura Image Editor with NextJS](https://pqina.nl/pintura/docs/v8/installation/nextjs/index.md) - [Setting up Pintura Image Editor with jQuery File Upload](https://pqina.nl/pintura/docs/v8/installation/jquery-file-upload/index.md) - [Setting up Pintura Image Editor with jQuery](https://pqina.nl/pintura/docs/v8/installation/jquery/index.md) - [Using Pintura Image Editor with JavaScript](https://pqina.nl/pintura/docs/v8/installation/javascript/index.md) - [Setting up Pintura Image Editor with FilePond](https://pqina.nl/pintura/docs/v8/installation/filepond/index.md) - [Setting up Pintura Image Editor with Dropzone](https://pqina.nl/pintura/docs/v8/installation/dropzone/index.md) - [Using the Pintura Image Editor Custom Element](https://pqina.nl/pintura/docs/v8/installation/custom-element/index.md) - [Setting up Pintura Image Editor with Cordova](https://pqina.nl/pintura/docs/v8/installation/cordova/index.md) - [Setting up Pintura Image Editor with Angular](https://pqina.nl/pintura/docs/v8/installation/angular/index.md) - [Using Pintura Image Editor with Alpine](https://pqina.nl/pintura/docs/v8/installation/alpine/index.md) - [FAQ](https://pqina.nl/pintura/docs/v8/faq/index.md) - [Where to enter my license key?](https://pqina.nl/pintura/docs/v8/faq/where-to-enter-my-license-code/index.md) - [Can I use Pintura Image Editor version 6 data with version 7?](https://pqina.nl/pintura/docs/v8/faq/using-legacy-data/index.md) - [The editor UI doesn't show or the labels aren't working?](https://pqina.nl/pintura/docs/v8/faq/using-bare-factory/index.md) - [Can the editor upload to Amazon S3?](https://pqina.nl/pintura/docs/v8/faq/upload-to-s3/index.md) - [I've purchased a license but I still see the unlicensed version watermark](https://pqina.nl/pintura/docs/v8/faq/unlicensed-version/index.md) - [Can I try Pintura for free?](https://pqina.nl/pintura/docs/v8/faq/try-for-free/index.md) - [Text input is not working in a modal](https://pqina.nl/pintura/docs/v8/faq/text-input-not-working/index.md) - [How can I generate a square thumbnail based on the output image?](https://pqina.nl/pintura/docs/v8/faq/square-thumbnail/index.md) - [What is software rendering?](https://pqina.nl/pintura/docs/v8/faq/software-rendering/index.md) - [Can I run Pintura on a server?](https://pqina.nl/pintura/docs/v8/faq/server-usage/index.md) - [Why does the editor throw a CORS error when processing an image?](https://pqina.nl/pintura/docs/v8/faq/resolve-cors-errors/index.md) - [Can I remove backgrounds?](https://pqina.nl/pintura/docs/v8/faq/remove-background/index.md) - [Can the editor limit the size of the output image?](https://pqina.nl/pintura/docs/v8/faq/limit-image-size/index.md) - [The editor does not show?](https://pqina.nl/pintura/docs/v8/faq/editor-invisible/index.md) - [The output dest property in the editor output is always undefined](https://pqina.nl/pintura/docs/v8/faq/dest-undefined/index.md) - [Does the editor automatically correct image orientation information?](https://pqina.nl/pintura/docs/v8/faq/correct-exif-orientation/index.md) - [Can labels be changed to a different language?](https://pqina.nl/pintura/docs/v8/faq/change-language/index.md) - [Can I use Pintura on iOS or Android?](https://pqina.nl/pintura/docs/v8/faq/app-usage/index.md) - [Pintura Image Editor usage guides](https://pqina.nl/pintura/docs/v8/examples/index.md) - [Editing an image in a file input element](https://pqina.nl/pintura/docs/v8/examples/use-with-file-input/index.md) - [Add custom fonts to the markup editor](https://pqina.nl/pintura/docs/v8/examples/use-custom-fonts/index.md) - [Styling the export button](https://pqina.nl/pintura/docs/v8/examples/style-export-button/index.md) - [Saving the output image as a GIF](https://pqina.nl/pintura/docs/v8/examples/save-gif-image/index.md) - [Restore previous image state](https://pqina.nl/pintura/docs/v8/examples/restore-image-state/index.md) - [Resize an image](https://pqina.nl/pintura/docs/v8/examples/resize-image/index.md) - [Replace sticker background image](https://pqina.nl/pintura/docs/v8/examples/replace-sticker/index.md) - [Using template placeholder values in text shapes](https://pqina.nl/pintura/docs/v8/examples/placeholders/index.md) - [Building a basic JavaScript photo editor](https://pqina.nl/pintura/docs/v8/examples/photo-editor/index.md) - [Apply a circular mask to the image](https://pqina.nl/pintura/docs/v8/examples/mask-image/index.md) - [Editing PDF pages](https://pqina.nl/pintura/docs/v8/examples/load-pdf-as-image/index.md) - [Loading and editing HEIC/HEIF images](https://pqina.nl/pintura/docs/v8/examples/load-heic-image/index.md) - [Upload the image to a server](https://pqina.nl/pintura/docs/v8/examples/image-upload/index.md) - [Showing a preview of the resulting image](https://pqina.nl/pintura/docs/v8/examples/image-preview/index.md) - [Export Base64 DataURL](https://pqina.nl/pintura/docs/v8/examples/get-base64-data-url/index.md) - [Headless image processing](https://pqina.nl/pintura/docs/v8/examples/generate-image/index.md) - [Detecting and cropping faces in images](https://pqina.nl/pintura/docs/v8/examples/face-detection/index.md) - [Erasing shapes with the eraser](https://pqina.nl/pintura/docs/v8/examples/erase-shapes/index.md) - [Adding An Emoji Picker](https://pqina.nl/pintura/docs/v8/examples/emoji-picker/index.md) - [Offering the output image for download](https://pqina.nl/pintura/docs/v8/examples/download-image/index.md) - [Using a custom export button](https://pqina.nl/pintura/docs/v8/examples/custom-export-button/index.md) - [Cropping stickers with a secondary Pintura instance](https://pqina.nl/pintura/docs/v8/examples/crop-stickers/index.md) - [Crop square images by setting a fixed crop aspect ratio](https://pqina.nl/pintura/docs/v8/examples/crop-square-image/index.md) - [Create a video thumbnail](https://pqina.nl/pintura/docs/v8/examples/create-video-thumbnail/index.md) - [Compress an image for faster upload](https://pqina.nl/pintura/docs/v8/examples/compress-image/index.md) - [Showing a circular crop overlay](https://pqina.nl/pintura/docs/v8/examples/circular-crop-overlay/index.md) - [Loading an empty canvas](https://pqina.nl/pintura/docs/v8/examples/blank-canvas/index.md) - [Add a watermark to the image](https://pqina.nl/pintura/docs/v8/examples/add-watermark/index.md) - [Using an absolute font size](https://pqina.nl/pintura/docs/v8/examples/absolute-font-size/index.md) - [Customizing the editor interface](https://pqina.nl/pintura/docs/v8/customization/index.md) - [Remove components](https://pqina.nl/pintura/docs/v8/customization/remove-components/index.md) - [Adjust styles](https://pqina.nl/pintura/docs/v8/customization/adjust-styles/index.md) - [Adjust components](https://pqina.nl/pintura/docs/v8/customization/adjust-components/index.md) - [Add components](https://pqina.nl/pintura/docs/v8/customization/add-components/index.md) - [Browser and Device Compatibility](https://pqina.nl/pintura/docs/v8/compatibility/index.md) - [Video Editor](https://pqina.nl/pintura/docs/v8/api/video-editor/index.md) - [Pintura Video Editor Server Configuration](https://pqina.nl/pintura/docs/v8/api/video-editor/server/index.md) - [Video properties](https://pqina.nl/pintura/docs/v8/api/video-editor/properties/index.md) - [Video editor methods](https://pqina.nl/pintura/docs/v8/api/video-editor/methods/index.md) - [How to install the Pintura Video Editor extension](https://pqina.nl/pintura/docs/v8/api/video-editor/installation/index.md) - [Video Editor exported methods](https://pqina.nl/pintura/docs/v8/api/video-editor/exports/index.md) - [Pintura Video Editor Examples](https://pqina.nl/pintura/docs/v8/api/video-editor/example/index.md) - [Video events](https://pqina.nl/pintura/docs/v8/api/video-editor/events/index.md) - [Editor User Interface](https://pqina.nl/pintura/docs/v8/api/ui/index.md) - [Interface properties](https://pqina.nl/pintura/docs/v8/api/ui/properties/index.md) - [Interface methods](https://pqina.nl/pintura/docs/v8/api/ui/methods/index.md) - [Editor UI Exported Methods And Properties](https://pqina.nl/pintura/docs/v8/api/ui/exports/index.md) - [Editor events](https://pqina.nl/pintura/docs/v8/api/ui/events/index.md) - [Plugins](https://pqina.nl/pintura/docs/v8/api/plugins/index.md) - [Trim plugin](https://pqina.nl/pintura/docs/v8/api/plugins/trim/index.md) - [Sticker plugin](https://pqina.nl/pintura/docs/v8/api/plugins/sticker/index.md) - [Retouch plugin](https://pqina.nl/pintura/docs/v8/api/plugins/retouch/index.md) - [Resize plugin](https://pqina.nl/pintura/docs/v8/api/plugins/resize/index.md) - [Redact plugin](https://pqina.nl/pintura/docs/v8/api/plugins/redact/index.md) - [Frame plugin](https://pqina.nl/pintura/docs/v8/api/plugins/frame/index.md) - [Finetune plugin](https://pqina.nl/pintura/docs/v8/api/plugins/finetune/index.md) - [Filter plugin](https://pqina.nl/pintura/docs/v8/api/plugins/filter/index.md) - [Fill plugin](https://pqina.nl/pintura/docs/v8/api/plugins/fill/index.md) - [Decorate plugin](https://pqina.nl/pintura/docs/v8/api/plugins/decorate/index.md) - [Crop plugin](https://pqina.nl/pintura/docs/v8/api/plugins/crop/index.md) - [Annotate plugin](https://pqina.nl/pintura/docs/v8/api/plugins/annotate/index.md) - [Markup](https://pqina.nl/pintura/docs/v8/api/markup-editor/index.md) - [How to define sticker presets](https://pqina.nl/pintura/docs/v8/api/markup-editor/stickers/index.md) - [How to use shapes in the Markup Editor](https://pqina.nl/pintura/docs/v8/api/markup-editor/shapes/index.md) - [Markup Editor Properties](https://pqina.nl/pintura/docs/v8/api/markup-editor/properties/index.md) - [Markup Editor Exported Methods And Properties](https://pqina.nl/pintura/docs/v8/api/markup-editor/exports/index.md) - [Markup Editor Events](https://pqina.nl/pintura/docs/v8/api/markup-editor/events/index.md) - [Image editor](https://pqina.nl/pintura/docs/v8/api/image-editor/index.md) - [Image properties](https://pqina.nl/pintura/docs/v8/api/image-editor/properties/index.md) - [Image Manipulation Methods](https://pqina.nl/pintura/docs/v8/api/image-editor/methods/index.md) - [Image Editor Exported Methods And Properties](https://pqina.nl/pintura/docs/v8/api/image-editor/exports/index.md) - [Image events](https://pqina.nl/pintura/docs/v8/api/image-editor/events/index.md)