CRZ Patterns

Seamless Pagination

SPA assumption: "SPA router + client-side query cache"

Page 4 of 10 — watch the URL advance as you scroll.

Page 4

  • Mountains #31

    Mountains #31

    Statically generated at build time.

  • Ocean #32

    Ocean #32

    Loaded on demand as you scroll.

  • Forest #33

    Forest #33

    No framework runtime involved.

  • Desert #34

    Desert #34

    Off-screen rows skip layout and paint.

  • City #35

    City #35

    Plain HTML, CSS, and a few lines of script.

  • River #36

    River #36

    Statically generated at build time.

  • Snow #37

    Snow #37

    Loaded on demand as you scroll.

  • Sunset #38

    Sunset #38

    No framework runtime involved.

  • Lake #39

    Lake #39

    Off-screen rows skip layout and paint.

  • Meadow #40

    Meadow #40

    Plain HTML, CSS, and a few lines of script.

Load more

Scroll to the bottom. The next statically generated page is appended as its own card, opening with a full-width divider band so where each page begins is explicit. replaceState advances the URL — reload or share and you land on a real page. Without JavaScript, "Load more" is a plain link and the demo degrades to ordinary pagination: the full crumple zone.

Compare: Infinite Scroll (Feed) →