Multi-Stage Comparator: a vanilla JavaScript and CSS library that creates scroll-driven image comparison carousels.
Key features include automatic layer calculation using CSS sibling functions, scroll-timeline animations for hardware acceleration, velocity-based scroll smoothing, and zero dependencies.
Perfect for before/after showcases, product evolution timelines, or design iteration presentations.
Requires Chrome 115+ or Edge 115+ for full CSS scroll-timeline support.
Top comments (0)