Snap Scroll

Vertical section-snap scroll for landing pages. Configurable bounce + arrow nav.

scrollsnapsectionsfullscreen

By Kaiborg · Verified author

Pay once · Own forever

D/01//Description

Turns a Framer page into a section-snap scroller — each viewport-sized section locks into place on scroll. Includes optional next/prev arrows and keyboard nav (arrow keys + spacebar). Bounce intensity and snap timing are tunable. Works on desktop; gracefully degrades to native scroll on mobile (where snap is more annoying than helpful).

P/02//Source preview · locked

import type { ComponentType } from "react"
import { useEffect, useRef } from "react"

export function withSnapScroll(Component): ComponentType {
  return (props) => {
    const ref = useRef<HTMLDivElement>(null)

// … purchase to unlock the full source

Source locked

R/03//Related · same category

OVERRIDEScroll Fade Hero

Scroll Fade Hero

Free

Fade and lift a hero section as the page scrolls, with configurable threshold and easing.

scrollherofade

By Kaiborg