Layers • Shapes • Timeline • GIF • MP4

Image Layer Compositor
Compose, Animate & Export

You have the images. Now build something with them.

Simple overlay tools let you stack two images. Desktop software lets you do everything — if you have the license, the install, and the time. This is the space between: a multi-layer compositor with shapes, opacity control, snap guides, undo/redo, a playback timeline, and direct export to PNG, GIF, or MP4. Drop your images. Arrange them. Animate. Export.

Unlimited layers 7 shape types Export GIF & MP4

Everything is either too simple or too heavy.

Online overlay tools let you put one image on top of another. That's it. If you want layers, shapes, animation, or export — you're told to install Photoshop. There's nothing in the middle for people who need more than a slider but less than a $600 desktop suite.

Simple overlay tools

Upload two images. Move one on top of the other. Adjust opacity. Download. That's the ceiling. Need a third layer? A shape? An animation? A different export format? You're out of luck — or out of the tool.

Compix scene compositor

Unlimited image layers. Seven shape types as masks or standalone elements. Per-layer opacity, drag-to-reorder, snap guides, zoom from 25% to 400%, full undo/redo. A timeline that plays your composition back. Record directly to GIF or MP4. Export individual layers or the full canvas as PNG.

From images to exported composition

Drop images. Arrange layers. Export the result.

1

Drop your images

Drag files onto the canvas — each one becomes a layer. Batch import an entire folder at once. Every layer gets its own position, size, and opacity. Reorder by dragging in the layer panel.

2

Compose your scene

Resize and position layers on the canvas. Add shape overlays — rectangle, circle, triangle, star, hexagon, diamond, arrow. Adjust per-layer opacity. Use snap guides for alignment. Zoom in to inspect details.

3

Animate and export

Play back your composition on the timeline. Adjust duration and easing. Record to GIF or MP4 with custom built-in encoders. Or export the canvas as a single PNG. Your composition, your format.

What the compositor does

📐

Multi-layer canvas

Every image is an independent layer with its own position, size, and opacity. Drag to reorder. Drag to reposition. Resize from any edge. Snap guides help you align layers to the canvas center and to each other.

Shape overlays

Seven shape types: rectangle, circle, triangle, star, hexagon, diamond, and arrow. Use them as standalone color layers or as clipping masks to crop images into shapes. Each shape has independent opacity and positioning.

🎬

Timeline animation

The playback timeline lets you preview your composition as an animation. Adjust the total duration, set easing curves, and scrub through the timeline. What you see in playback is exactly what gets exported.

📹

GIF & MP4 recording

Record your composition directly to GIF or MP4 using custom built-in encoders. Choose frame rate and duration. The output is exactly what you saw in the timeline preview.

🔍

Zoom & precision

Zoom from 25% to 400%. Fit-to-view with a single key. Snap guides for horizontal and vertical center alignment. Pixel-precise positioning when you need it, freeform dragging when you don't.

↩️

Full undo / redo

Every action is undoable — layer additions, removals, reordering, opacity changes, position moves, shape edits. Ctrl+Z to step back, Ctrl+Y to step forward. History survives mode switches.

📦

Batch layer import

Drag an entire folder of images onto the canvas. Each file becomes its own layer, automatically positioned and ready to arrange. Importing 20 images takes the same effort as importing one.

📸

Capture & export

Export the full canvas as PNG. Capture individual layers. Shape-clipped captures — crop to circle, star, hexagon, or any shape and export just that region. Projects auto-save to IndexedDB so you can resume later.

What people build with the compositor

AI artists & prompt engineers

You compared 20 generations, found the best three. Now layer them — your favorite face on one, the best background on another, a shape mask to frame the composition. Export the reference sheet or animate the iteration progress as a GIF to share on social. See also: compare AI generated images →

Designers & art directors

Quick layered mockups for client review. Stack your hero image, overlay the logo, add a shape frame, export as PNG. When you need a rough comp in two minutes instead of opening Photoshop for an hour. Moodboards with your actual project images — not stock photography from a template library.

Content creators

Build animated before/after comparisons. Layer product shots for carousel posts. Create visual changelogs — stack the old and new versions, animate through the timeline, export as GIF. The format that gets engagement on social is motion, and the compositor builds it from your images. See also: before & after comparison →

VFX & post-production

Quick composite checks. Layer your plates, verify integration, check cleanup passes. When you need to see how two elements sit together before committing to a full composite in Nuke or After Effects. See also: retouching QA tool →

Developers & QA engineers

Animated visual changelogs — layer the old UI on the new UI, play back on the timeline, record to GIF. Ship the visual diff in your pull request. Stack screenshots across breakpoints for responsive QA. See also: pixel diff tool →

Photographers

Layer your selects from a shoot into a contact sheet. Stack edit variations to compare processing approaches. Export shape-clipped versions — circle crops for profile photos, custom shapes for creative framing — directly from the compositor without a separate cropping step.

The compositor landscape

Tool type Layers Shapes Timeline GIF/MP4 Tradeoff
Simple overlay tools
PineTools, overlayimages.com
2 One image on another. That's it.
Design platforms
Canva, Pixlr, Adobe Express
Basic Template-driven. Built for branded content, not your own image compositing.
GIF/animation converters
ezgif, imgflip, Kapwing
Convert finished frames. Don't build the composition.
Desktop software
Photoshop, After Effects
Can do everything. Requires install, license, and expertise.
Compix compositor ✓ Unlimited ✓ 7 types ✓ Playback ✓ Built-in Focused. No templates, no filters. Layer your images, compose, animate, export.

Things you'll discover on your second session

Shape-clipped captures

Select a shape layer — circle, star, hexagon — and capture. The export crops to the shape bounds with the shape as a clip path. A star-shaped export from a single click, without masking tools or path editing.

Comparison + composition loop

The compositor isn't isolated. Images loaded into Compix's comparison modes — blink test, pixel diff, split wipe — can be sent directly to the scene as layers. Compare first, composite the winners. One workflow, not two tools.

Project persistence

Compositions auto-save to IndexedDB. Close your tab, come back tomorrow — your layers, positions, and opacity settings are exactly where you left them.

Questions about the compositor

There is no fixed limit. Every image you drop becomes a layer. Every shape you add becomes a layer. Performance depends on your device's memory and GPU — most modern devices handle dozens of layers without issue. Each layer has independent position, size, opacity, and z-order controls.
Seven shape types: rectangle, circle, triangle, star, hexagon, diamond, and arrow. Each can be used as a standalone colored layer or as a clipping mask for image layers. Shapes have independent opacity, size, and position — just like image layers.
Yes. The timeline plays back your layer composition as an animation. Click record and choose GIF or MP4. Both use custom built-in encoders — your composition renders instantly. Choose frame rate and duration before recording. What you see in the preview is what you get in the export.
Full undo/redo. Ctrl+Z steps backward through every action — layer additions, deletions, reordering, opacity changes, position moves, shape edits. Ctrl+Y or Ctrl+Shift+Z steps forward. Delete or Backspace removes the selected layer. Ctrl+D duplicates it. Alt+Arrow nudges position. History survives mode switches.
Compix is purpose-built for compositing your own images — not editing them or designing from templates. There are no filters, no text tools, no stock libraries, no AI features. Instead, you get precise multi-layer control, shape masks, a playback timeline, and direct GIF/MP4 export. It does one thing well: takes your images and lets you compose, animate, and export them.
Yes. Images loaded into Compix's comparison modes — blink test, pixel diff, split wipe — can be sent directly to the scene compositor as layers. This means you can compare your outputs first, identify the best candidates, then composite them into a final piece — all without leaving the tool or re-importing files.

Comparison modes

Visual Comparison Tool

The full platform overview — blink, diff, split, compositing, and animation in one workspace. Open →

Compare Upscaled Images

Compare AI upscaler outputs with blink testing and pixel diff heatmap. Open →

Your images are ready. Compose them.

Layer, arrange, animate, export. One canvas.

Open Compositor →