Library / Page transitions

Elevator Ride pro

Steel lift doors shut, a brass indicator ticks through each floor in between, and the doors open on the new page.

Customize

Names of the floors (pages)

Colour of the steel doors

Time spent on each floor (ms)

Play a soft ding on arrivalShow the floor indicator

Code

import ElevatorRide from './ElevatorRide';

<ElevatorRide />

Checking your access…

Dependencies: none

transition page elevator sound

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.