Getting Started

Installation

Install Blossom Carousel for Vue, React, Svelte, Web Components, or direct Core usage.

Ask my Agent to install Blossom Carousel

Install

Install the package that matches your framework or use Blossom manually with the Core package.

npm install @blossom-carousel/vue

npm install @blossom-carousel/react

npm install @blossom-carousel/svelte

npm install @blossom-carousel/web

npm install @blossom-carousel/core

If you use an AI assistant (Claude Code, Cursor, etc.), install the blossom-carousel skill for guided setup and code review:

Terminal

npx skills add https://www.blossom-carousel.com

Blossom is available as framework wrappers and as a framework-agnostic core package.

Vue and Nuxt

Start with @blossom-carousel/vue

React and Next.js

Start with @blossom-carousel/react

Svelte and SvelteKit

Start with @blossom-carousel/svelte

Web Components

Start with @blossom-carousel/web

Core

Start with @blossom-carousel/core

Introduction

Blossom Carousel is draggable and scrollable and maintains all native browser behavior.

Vue and Nuxt

Use Blossom Carousel in Vue and Nuxt apps with local imports or global plugin registration.