Blossom Carousel Logo
Basic

Simple

Make a scrollable and draggable carousel with Blossom Carousel.
1
2
3
4
5
6
7
8
9
10
.carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 200px;
  gap: 1rem;
}

.slide {
  width: 100%;
  aspect-ratio: 3 / 4;
}

Core

Use Blossom Carousel Core directly with DOM elements, lazy loading, and lifecycle cleanup.

Snapping

Make a snapping carousel with Blossom Carousel.