Library / Page transitions

Ticket Punch pro

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

Customize

Letters at the start of the serial number

Ticket paper colour

Print and backdrop colour

Size of the punched hole (px)

How long the hole takes to open (ms)

Code

import TicketPunch from './TicketPunch';

<TicketPunch />

Checking your access…

Dependencies: none

transition page ticket mask

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.
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.
Monogram MaskYour initials are a window: a solid cover with the letters cut out grows until the new page shows through and the letters swallow the screen.