Playground
A small ticket app running the real library. Open an act from the list or the poster grid, go back, and switch the transition used for the push.
Presets
Authored on this page
The container transform. The card expands into the page.
Same screens, same shared artwork. Only the transition changes.
How it is written
aperture.tsimport aperture from "./transitions/aperture";<Router history="memory" transitions={[aperture]}> <Slot>{/* /tonight, /tonight/act/:id ... */}</Slot></Router>// a row in the list<Morph layoutId={`rowcard-${id}`} name="zoom"> <Artwork /></Morph>navigate.push( "/tonight/act/:id", { id, from: "row" }, { transitionName: "aperture" });Live near you