KQ-121 · POP/BOOK

Pop Book

A pop-up spread that opens with scroll — the two page halves relax apart while hinged cutouts stand up from the center fold rank by rank, back row first, every rise scrubbed 1:1.

KQ-121 · POP/BOOK

FIELD ATLAS · PLATE 7

KQ-121

  1. RIDGE A
  2. RIDGE B
  3. MAST 01
  4. MAST 02
  5. RELAY STATIONLIVE

SPREAD · 00%

SPREAD · 00%

Scroll to open the plate - the cutouts stand up from the fold.

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/pop-book

Props

PropTypeDefaultDescription
pieces{ id, node, row? }[]Three to six cutouts; row 0 is the back rank.
onOpenChange(openness) => voidStreams the spread, deduped to twentieths.
heightnumber280Scroll stage height in px.