jespervos/blossom-carousel

Native-first carousel enhanced with drag support for pointer devices.

TypeScript

1,044

168 commits

updated Oct 10, 2026

See the code

README

Blossom Carousel

Blossom Carousel is the first carousel library that builds on native browser scrolling instead of replacing it. It provides a small drag enhancement for pointer devices while maintaining the core interaction model, performance, and accessibility of a real scroll container.

🥇 Native scrolling: Full performance and accessibility.
🚀 Dragging: Custom physics-based dragging for all pointer types.
➡️ Navigation controls: First-class Previous, Next and Dots navigation controls with customizable dot rendering.
✨ No abstraction: Works with all native web API's.
💡 Configure with CSS: Works with CSS scroll-snap, position sticky and scroll-driven animations and more.
🪶 0kb on touch devices: Blossom only loads when a fine pointer device is detected.
🧱 Framework ready: Components for React, Vue, Svelte and Web Components.
🚧 Experimental cyclical scrolling: Allows the carousel to infinitely loop.

Installation

Framework	Installation Command	Docs
Vue	`npm install @blossom-carousel/vue`	Vue Docs
React	`npm install @blossom-carousel/react`	React Docs
Svelte	`npm install @blossom-carousel/svelte`	Svelte Docs
Web Component	`npm install @blossom-carousel/web`	Web Component Docs
Core	`npm install @blossom-carousel/core`	Core Docs

Agent Skills

Blossom Carousel's Agent Skills help AI coding assistants give package-specific guidance.

Install the skills Compatible agents (Cursor, Claude Code, etc.) can discover and use skills automatically.

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

Examples

Explore ready-to-copy carousel patterns grouped by complexity.

See all examples

Migration Guides

From	Migration Guide
Embla	Migration from Embla
Swiper	Migration from Swiper
Splide	Migration from Splide
Slick	Migration from Slick
Flickity	Migration from Flickity

Significant stargazers

Alec Larson

957 followers · starred Jun 2025

Fernando Rojo

3,240 followers · starred Jun 2025

Johann Schopplich

950 followers · starred Aug 2026

Yonel Ceruto

267 followers · starred Jun 2026

Similar repos

naver/egjs-flicking

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.

2,923

davidjerleke/embla-carousel

A lightweight carousel library with fluid motion and great swipe precision.

8,445

Splidejs/splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No…

5,368

rcbyr/keen-slider

The HTML touch slider carousel with the most native feeling you will get.

5,021

FormidableLabs/nuka-carousel

Small, fast, and accessibility-first React carousel library with an easily customizable UI and…

3,097

nolimits4web/swiper

Most modern mobile touch slider with hardware accelerated transitions

41,896

metafizzy/flickity

🍃 Touch, responsive, flickable carousels

7,564

joe223/tiny-swiper

Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import…

1,280