Skip to the content

Library/ 57 layout-morphProImages

Layout Morph

The same images regroup as a grid, pile, ring or row.

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

Settings

Pro
  • layout
  • stagger
  • duration
  • autoCycle
  • columns
Tune it live with Pro

What it does

Layout Morph is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called layout switcher, shape shifting gallery or gallery morph.

The same images glide between a grid, a pile, a turning ring and a filmstrip, in a wave that starts from the one you picked. Captions can drive it on hover or focus, and reduced motion swaps the flight for a fade.

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.