Native-first carousel enhanced with drag support for pointer devices.

• Native scrolling: Full performance and accessibility.
• Dragging: Custom physics-based dragging for all pointer types.
• No abstraction: use all native web API's.
• Configure with CSS: Works with native scroll-snap, position sticky and scroll-driven animations.
• 0kb on touch devices: Blossom only loads when a fine pointer device is detected.
• Works with major frameworks: Components for React, Vue, Svelte and Web Components.

React Docs

npm install @blossom-carousel/react

Vue Docs

npm install @blossom-carousel/vue

Svelte Docs

npm install @blossom-carousel/svelte

Web Component Docs

npm install @blossom-carousel/web

• Simple
• Variable widths
• CSS Grid
• Multiple rows
• Snapping
• Grouping
• Sticky
• Coverflow