v2 Component Preview

This preview mounts the actual Vue 3 Croppa component from v2/src. Choose or drop an image, move and zoom it below the fixed viewport, rotate or flip it, remove it, and download the crop. Open Interaction options to try replacement and disable controls. Dropping a new file over an existing image requires Replace image on drop.

Vue 3 component preview

Crop a real image

Choose an image, then drag it under the fixed viewport, scroll to zoom, or pinch on touch.

Choose an image

Prevent whitespace Show remove button Show loading Rounded crop PNG only 1 MB file limit Draw marker

Interaction options

Replace image on drop Disable interactions Disable file drop Disable click to choose Disable image drag Disable wheel zoom Disable pinch zoom Disable rotation Reverse wheel direction Allow video files

Synced and responsive previews

Choose an image

Choose an image

Choose an image

Initial slot orientation: 0°

Component state

null

The preview uses the real Vue 3 component. See the guide and API for integration, and the migration guide when upgrading from Vue 2.