Packages

@paramira/endscroll

Zoom-blur section navigation instead of scrolling: full-screen sections scale/fade into each other on wheel, keyboard, touch, or click — diving forward, pulling back out. Framework-agnostic core, plus a Vue composable and components adapter.

License: MIT. Generic: zoom-blur section navigation and autoplay that pauses on interaction, framework-agnostic with a Vue adapter.

Source: packages/endscroll

What it does

Zoom-blur section navigation instead of scrolling. A stack of full-screen sections sit on top of each other; moving forward scales the current section up past the viewport while fading it out, and scales the next one in from a speck — so navigation reads as diving into (or pulling back out of) the page, not scrolling down it. Wheel, arrow keys/space, vertical swipe, and click-a-dot all drive the same controller.

Extracted from the /zoom demo in community's apps/web (useZoomNav.ts + ZoomCanvas.vue + ZoomSection.vue) into a framework-agnostic core, with a Vue adapter built on top of it. That same demo, rebuilt on this package, is runnable standalone in demo/.

gsap does the scale/opacity tweening and is a direct dependency, not a peer — install it once and both this package and your own animations can use it.

Used by

Apps: iwacu-nuxt

Packages: inzira

Uses

  • gsap
  • vue

Entry points

  • @paramira/endscroll
  • @paramira/endscroll/vue
  • @paramira/endscroll/vue.css