# Elastic Grid

> A picture grid where the hovered tile swells and the rest yield.

Elastic Grid is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called focus grid, bento hover or flex grid hover.

Point at a tile and it grows toward you while its neighbours lean away and shrink a little, each on its own spring, then everything settles back. Only transforms move, so the layout never jumps, and keyboard focus works just like hovering.

- Page: https://foundry44.dev/components/elastic-grid/
- Category: [Images](https://foundry44.dev/library/images/)
- Interactions: cursor, keyboard
- Dependencies: none
- Licence: Pro

## 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.

Settings: `grow`, `reach`, `bounce`.