Skip to the content

Library/ 128 fisheye-gridNewProImages

Fisheye Grid

A wall of photos breathing behind a fisheye lens.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • strength
  • zoom
  • columns
  • period
  • gap
  • drag
Tune it live with Pro

What it does

Fisheye Grid is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called barrel lens grid, fisheye gallery or lens distortion grid.

A grid of photos is seen through a curved lens: the centre swells, the edges and gutters bend, and the view breathes between close and wide. It can be dragged around. Without WebGL the photos sit in a flat grid.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.