Introduction

Blossom Carousel is the first carousel library that builds on native browser scrolling instead of replacing it. It provides a small drag enhancement for pointer devices while maintaining the core interaction model, performance, and accessibility of a real scroll container.

Why Blossom Carousel?

Carousels have become a powerful and popular choice among the many ways to structure content hierarchy. They are one of the main means to create a spatial form of progressive disclosure by collapsing vertical real estate while inviting horizontal exploration. Their scrolling behavior makes them stand out especially on touch devices where swiping is such a natural gesture.

Web standards have evolved to a point where these swipable carousels feel incredibly native. However, horizontal scrolling on desktop lacks the intuitive drag interaction that makes touch-based carousels feel so natural. Blossom Carousel fills that gap with a custom, lightweight physics-based drag engine that works seamlessly on top of native scrolling.

Next steps

• Installation - Add Blossom Carousel to your project.
• Examples - Explore practical implementations.