Library / Page transitions

Grid Memory pro

A picture grid that grows a detail view from the clicked cell and returns to exactly that cell, drawing an outline around it.

Customize

Picture addresses (they repeat to fill the grid)

Colour of the outline that finds the cell again

Pictures across

Space between pictures (px)

How many cells the grid has

Code

import GridMemory from './GridMemory';

<GridMemory />

Checking your access…

Dependencies: none

transition grid gallery flip

More in Page transitions

Curtain CallHeavy theatre curtains sweep shut over the old page, hold on the next page name, then gather back to reveal the new one.
Ticket PunchA paper ticket rises showing FROM and TO, a punch bites a hole, and the hole grows to swallow the screen and show the new page.
Grid ShiftTiles unfold across the screen in one sweeping wave, diagonal, by row, by column, from the centre or random, then retreat to reveal the new page.