The native-first carousel enhanced with drag support.

➥ www.blossom-carousel.com

• 🥇 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.
• 🚧 Experimental cyclical scrolling: Allows the carousel to infinitely loop.

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

Core Docs

npm install @blossom-carousel/core

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