HN Showcase
Back to browse
GitHub Repository
0 starsHTML

MacBook Neo page scroll > video position effect

by steveharrison·Mar 5, 2026·2 points·1 comment
Visit ProjectView on HN

AI Analysis

●●SolidWizardryEye Candy

Frame-accurate video scrubbing via scroll position, but it's a single-effect demo, not a reusable library.

Strengths
  • •Clever use of sticky positioning and requestAnimationFrame to keep video seeking smooth without janky layout thrashing
  • •Keyframe-heavy video encoding trick (`-g 1`) enables instant arbitrary seeks for seamless UX
  • •Thoughtful chapter animation state machine with explicit scroll-progress thresholds and layered visibility
Weaknesses
  • •No abstraction or library export—purely a reference implementation for one specific design pattern
  • •Blob-to-memory loading doesn't scale to large videos; no adaptive bitrate or streaming fallback
Category
Design
Target Audience

Web designers, frontend developers interested in scroll interactions

Similar To

Apple's scroll-to-video hero patterns · Webflow scroll animation builders

Similar Projects