Motion Grid

A grid that displays animations in a grid.

Made by imskyleen

Installation

Usage

<MotionGrid gridSize={[5, 5]} frames={frames} />

Props

MotionGrid

Prop	Type	Default
`cellInactiveClassName?`	`string`	-
`cellActiveClassName?`	`string`	-
`cellClassName?`	`string`	-
`animate?`	`boolean`	`true`
`duration?`	`number`	`200`
`frames`	`[number, number][][]`	-
`gridSize`	`[number, number]`	-

Credits

Credits to Adrien Griveau for this X post as inspiration

Built by Skyleen. The source code is available on GitHub.