Image Fragment
A design component that visually splits a single image into a customizable grid of tiles, creating a fragmented yet cohesive image layout.
About this Component
Image Fragment is a visual layout component that displays a single image divided across a grid of equally sized tiles. Each tile reveals a different portion of the same image, creating the effect of one continuous image sliced into separate pieces with visible spacing between them.
All tiles stay perfectly aligned, so when viewed together the image remains continuous and balanced, while the separation between tiles emphasizes the fragmented look. The component is ideal for creative layouts, galleries, hero sections, and experimental visual compositions.
Key features:
Image
Grid size
Gap between tiles
Tile corner radius
