ONONC

Infinite Gallery

A drag-and-throw tile wall that wraps forever and drifts while idle.

motiondragcanvas-free
Drag with the pointer or pan with the arrow keys.

Customize

Tiles

Tile width168px
Tile height112px
Gap12px
Corner radius14px
Lift on hover

Pattern

Pattern columns4
Pattern rows3

Motion

Drift speed24px/s
Drift angle135°
Throw friction0.92

Higher glides further after release.

Props

PropTypeDefaultDescription
itemsReactNode[]gradient setTile faces, cycled across the wall (rendered decoratively).
tileWidthnumber168Tile width in pixels.
tileHeightnumber112Tile height in pixels.
gapnumber12Gap between tiles in pixels.
colsnumber4Base pattern columns, tiled infinitely.
rowsnumber3Base pattern rows, tiled infinitely.
speednumber24Idle drift speed in px/s (0 disables).
anglenumber135Idle drift direction in degrees.
frictionnumber0.92Inertia decay per frame after a throw (0–0.99).
radiusnumber14Tile corner radius in pixels.
hoverLiftbooleantrueScale tiles up slightly on hover.
labelstring"Infinite gallery"Accessible name for the pannable region.