Scroll

Smooth scroll

Optional inertial wheel scrolling that glides to a stop. Native scrolling everywhere else.

Paste it into ChatGPT, Claude, Cursor or v0.
smoothing0.09

Usage

import { SmoothScroll } from '@vizzele/react';

// once, at the root
<SmoothScroll lerp={0.1} />

Props

PropTypeDefaultDescription
lerpnumber0.1Smoothing (lower = silkier).
wheelMultipliernumber1Wheel speed.
containerHTMLElement | WindowwindowScroll root.

Accessibility

  • Only the mouse wheel is smoothed. Keyboard, scrollbar, touch and nested scroll areas stay native.
  • Pinch-zoom (ctrl+wheel) is never captured. Disabled entirely with reduced motion.