CRZ Patterns

Seamless Pagination

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

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

Page 5

  • Mountains #41

    Mountains #41

    Statically generated at build time.

  • Ocean #42

    Ocean #42

    Loaded on demand as you scroll.

  • Forest #43

    Forest #43

    No framework runtime involved.

  • Desert #44

    Desert #44

    Off-screen rows skip layout and paint.

  • City #45

    City #45

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

  • River #46

    River #46

    Statically generated at build time.

  • Snow #47

    Snow #47

    Loaded on demand as you scroll.

  • Sunset #48

    Sunset #48

    No framework runtime involved.

  • Lake #49

    Lake #49

    Off-screen rows skip layout and paint.

  • Meadow #50

    Meadow #50

    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) →