Getting Started with Web Components

Scrollable and draggable carousels your website in seconds.

Installation

Add the blossom-carousel package to your project.

npm install @blossom-carousel/web

import '@blossom-carousel/web';
import '@blossom-carousel/core/style.css';

CDN

<script src="https://unpkg.com/@blossom-carousel/web@0.0.11/dist/blossom-carousel-web.umd.cjs"></script>
<link
  rel="stylesheet"
  href="https://unpkg.com/@blossom-carousel/core@0.0.11/dist/blossom-carousel-core.css"
/>

Usage

<blossom-carousel>
  <div>Slide 1</div>
  <div>Slide 2</div>
  <div>Slide 3</div>
  ...
</blossom-carousel>