stephengrider/panelscroller

PanelScroller is a demo project that adds physics-based effects to infinite scrolling. Instead of a plain list that endlessly loads more items, the scrolling experience feels more natural, as if panels of content have weight and momentum as you move through them. Under the hood, the project uses a custom linear algebra library called MatrixUtil.js along with 3D CSS transforms to create the physics and visual effects. The demo app itself shows restaurants by pulling data from the Yelp API, so you need your own Yelp API key for it to display any actual content. Once set up, you run it locally and view it in your browser. This project would appeal to someone building a visually rich web experience who wants scrolling to feel more like interacting with physical objects rather than just swiping through a flat list. For example, a designer prototyping a restaurant discovery app might use it to explore how physics-based motion could make browsing feel more engaging and tactile. The README is quite sparse, so there isn't much detail on how to customize the physics or adapt the scrolling effect for your own data. It's primarily a demonstration of what's possible when you combine a custom math library with CSS transforms, rather than a ready-to-use plug-and-play package. There's a video demo linked in the README that likely shows the effect in action, which would be helpful since the static screenshot doesn't fully convey the motion.