stroll.js is a micro-library for creating subtle, scroll-based list and grid animations in modern browsers. It listens to scroll events and applies CSS transitions to elements as they come into or out of view, producing a lively, tactile feel for long lists. The idea is to make scroll-heavy UIs (like feeds, galleries, or item pickers) feel less flat without having to code complex intersection logic. Because it leans on CSS and simple JavaScript hooks, it stays small and easy to integrate into existing markup. It is well suited for landing pages or portfolio sites where you want a touch of motion without importing a full animation framework. The library’s approach is declarative: you style your list, add stroll, and it handles the in-view choreography.
Features
- Scroll-triggered animations for lists and grids
- Lightweight, CSS-friendly implementation
- Automatic in-view/out-of-view transitions
- Easy to add to existing markup and layouts
- Great for long lists, galleries, and portfolios
- No heavy animation framework required