Blossom Carousel Core

Core is the drag engine behind every Blossom package. It enhances an existing native scroll container with mouse dragging, momentum, snap-aware flinging, and rubber-banding. Touch devices keep native scrolling.

Prefer a wrapper package when one fits, because wrappers add lifecycle handling and navigation controls:

• Vue or Nuxt: blossom-carousel-vue
• React or Next.js: blossom-carousel-react
• Svelte or SvelteKit: blossom-carousel-svelte
• Plain HTML or anything else: blossom-carousel-web (custom elements, including prev, next, and dot controls)

Use Core directly only when you need manual control or are writing a wrapper. Core has no prev, next, or dot components.

Setup

npm install @blossom-carousel/core