Most sites use images the same way — full width, centered, predictable.
Sliced Image breaks that. It takes one photo and splits it into a
customizable mosaic of tiles, where you decide exactly which ones show and which ones disappear.
Hide a corner. Remove every other tile. Leave just three.
The same image looks completely different depending on what you keep —
and that's the whole point.
Built for portfolio heroes, agency headers, music and event pages,
editorial layouts, and anywhere a plain rectangle feels too safe.
Columns & Rows — set your grid from 1×1 up to 8×8
Gap — control the breathing room between tiles
Border Radius — go sharp and geometric or soft and rounded
Enable Hover — adds a smooth scale and brightness effect when a tile is hovered
Hover Scale — how far each tile grows on hover
Hover Brightness — how much the image lightens on hover
1. Drop the component onto your canvas
2. Upload your image in the property panel
3. Set your columns and rows
4. Toggle off the tiles you don't want
5. Enable hover if you want the interaction layer
That's it. No overrides, no code, no workarounds.
──────────────────────
Works great for
— Portfolio and agency hero sections
— Music, fashion, and editorial layouts
— Event and venue pages
— Any section where a single image feels flat
──────────────────────
Drop it in. Upload your image. Break the grid.