Free Lottie Viewbox Cropper
Crop a Lottie animation’s canvas to a new size and position — reframe the composition without scaling, with live preview.
1. Upload your Lottie JSON file
Drag & drop your file here or click to browse
Only .json files (max. 10MB)
Live Preview
Upload a Lottie JSON file to see the preview
New size
-
Frames
-
FPS
-
The Free Lottie Viewbox Cropper Online
Need to crop a Lottie animation to just one part of the frame? Our free viewbox cropper reframes the canvas to a new size and position — without scaling anything.
Set a new width and height and an X/Y offset to choose exactly which region stays visible. Because Lottie is vector-based, cropping simply changes the canvas and shifts the content — no quality loss, no distortion. Everything runs locally in your browser.
How to Crop a Lottie Animation
Cropping a Lottie by hand means editing the canvas and every layer position. This tool does it for you:
Upload your Lottie JSON file
Drag and drop or click to browse. The current dimensions are detected automatically.
Set the crop size and offset
Enter the new canvas width/height and the X/Y offset that picks the region to keep.
Preview live
Watch the reframed animation update instantly as you adjust the crop.
Download
Save the cropped Lottie JSON with the new canvas baked in.
No After Effects, no account, no server uploads — crop in seconds.
Key Features
Reframe Without Scaling
Cropping changes the canvas and shifts content into view — the artwork keeps its exact size and sharpness.
Precise Offset
Choose exactly which region stays visible with pixel-accurate X and Y offsets.
Add Padding Too
Use a larger canvas and a negative offset to add breathing room around the animation.
Live Preview
See the reframed result the instant you change a value — no render step.
Popular Use Cases
Focus on One Element
Crop to a single icon or shape from a larger composition to reuse it on its own.
Remove Empty Margins
Trim excess transparent space around an animation so it sits tighter in your layout.
Change Aspect Ratio
Crop a square animation into a banner or portrait frame for a specific slot.
Add Safe Padding
Expand the canvas so content near the edges isn’t clipped by rounded containers.
Thumbnail Framing
Reframe an animation to highlight the best part for a preview or thumbnail.
Fit a Component Slot
Match the animation’s canvas to the exact dimensions a component expects.
Pro Tips
Start from the full size
Width and height are pre-filled with the original dimensions — shrink from there to crop.
Offset picks the region
Increase the X/Y offset to move the visible window right and down across the composition.
Negative offset adds padding
Set a larger canvas and a negative offset to center the animation with margins around it.
Preview on your background
Use the preview background toggles to check how the cropped frame reads on light and dark.
Privacy and Security
We take your privacy seriously. Unlike most online converters that upload your files to remote servers, our tool processes everything locally.
No uploads – Your files are processed entirely in your browser. They never touch our servers.
No tracking – We don't log which files you convert or what settings you use.
No accounts – Use the tool immediately. No registration, no personal data required.
Inspect it yourself – Open DevTools and watch the network tab. You'll see zero file uploads.
Frequently Asked Questions
Everything you need to know about Lottie animations and our tools.
How do I crop a Lottie animation?
Upload your Lottie JSON file, set the new canvas width and height and an X/Y offset for the crop region, and the preview updates instantly. Download when it looks right.
How is cropping different from resizing?
Cropping changes the visible canvas and shifts the content into view — it does not scale anything. The Resizer changes dimensions and scales the artwork to fit; the Cropper reframes without resizing.
What does the offset do?
The X/Y offset chooses which part of the original composition sits at the top-left of the new, smaller canvas — so you can crop to any region.
Does cropped-out content get deleted?
The layers stay in the file but are shifted so only the selected region is visible in the new canvas. Nothing is destructively removed.
Does it change timing or colors?
No. Only the canvas size and layer positions change. Timing, colors and shapes are untouched.
Can I crop to a larger canvas?
Yes — set a larger width/height and a negative offset to add padding around the animation.
Are my files uploaded to a server?
No. The entire process happens locally in your browser. Your file never leaves your device.
Is it free?
Completely free, with no registration, watermarks, or usage limits.