Creative Code 01 · Tool · Creative code

Slice & Repeat

A tool that turns a photo into an irregular grid of face slices.

Client: Personal project
Year: 2026
Role: Design and development
Services: Interface design
Creative code
Web tool
Tools: HTML
CSS
JavaScript
Canvas

Slice & Repeat tool interface: a control panel on the left and, on the right, a portrait of a man with glasses with a grid of slices of his own face over the forehead, nose, beard and chin.

The tool

You upload a photo and mark the face area. The tool splits that area into rows and cells of different sizes and fills each cell with a slice taken from the photo itself. Some cells repeat the slice horizontally or vertically, others mirror or compress it. The result hides the face without erasing it.

Each composition comes from a seed. The same number with the same settings always gives the same result, and drawing a new seed is one shortcut away (R key). You can also click a cell and change just that one.

Full screen of the Slice & Repeat tool with the sample photo loaded: a panel with image, composition, grid, slices and repetition on the left and the preview with the face area marked on the right. — The interface: everything in one panel, with the preview and the face area next to it.

Controls

Image: Upload, drag, paste (⌘/Ctrl+V) or use the sample photo; a face area you can move and resize
Composition: A seed that saves the result, and drawing a new composition
Cell: Simple cut-out, horizontal or vertical repetition, number of repetitions, mirroring and drawing another slice
Grid: 2 to 12 rows and 1 to 8 columns, with irregularity and spacing between cells, in black or white
Slices: Taken from the area or the whole photo, source mix and crop zoom
Repetition: Number of repeated cells, maximum repetitions, compression and mirroring
Format: Original, Feed 4:5, Feed 1:1 and Stories 9:16, with a white, black or transparent background
Export: PNG or JPG at the exact dimensions of the chosen format

Sample output from the tool: portrait of a man with glasses and a black T-shirt, on a gray background, with his face covered by a grid of repeated and mirrored slices of the forehead, nose and beard, in 4:5 format. — Sample output in Feed 4:5 format (1080×1350), with the sample photo and seed 615392.

Privacy

Everything happens in the browser. The photo isn't sent to any server and the site doesn't store anything.

Open the tool