S/ Scrollsmith 16px desktop scale
Tune

Featured shortlist

Wave Scroll

A soft waterline ripples harder as scroll speed rises.

Use the page normally. Try slow rolls, hard flicks, keyboard navigation, and dragging the thumb.
Natural pace

Read first. Notice the scrollbar second.

The effect is now constrained to the width of a common desktop scrollbar. It should add personality without taking over the page or covering content.

Scroll behavior should remain familiar even when its surface looks unfamiliar.

Faster input

Push it harder, then reverse direction.

Each concept uses speed, direction, hover, progress, or drag state differently. None of those reactions alter the browser's native momentum.

Wheel

Short, deliberate steps

Useful for checking how the effect settles between small movements.

Trackpad

Long momentum

Useful for seeing velocity feedback and directional recovery.

Keyboard

Exact navigation

Try arrows, Page Up, Page Down, Home, and End while the page is focused.

Pointer

Track and thumb

Click the rail or drag the visual thumb when you want direct control.

Twenty personalities.
One familiar behavior.

Return to the top