npm · #1231 most downloaded on npm

embla-carousel

8.6.0147M downloads/modavidjerleke/embla-carousel ↗New releases in your daily digest, changelog included.

A lightweight carousel library with fluid motion and great swipe precision

Last release 1 months ago
21 Aug 2026
Release timing varies
gaps range from 9 days to 10 months
Nearly every release is documented
notes for 56 of the last 60 stable releases
Nothing withdrawn
no release was ever pulled
8 years old
240 releases · first in 2019

Release timeline

240 releases since 2019

20192020202120222023202420252026

Releases

9.0.0-rc0321 Aug 2026pre-release
[Feat]: Add 'snap on settle' behavior option for dragFree by @ehellman in #1297
✨ What's Changed

[Feat]: Add 'snap on settle' behavior option for dragFree by @ehellman in #1297

[Docs]: Add version selector to VersionBadge by @modulareverything in #1308

New Contributors

@modulareverything made their first contribution in #1308

@ehellman made their first contribution in #1297

Full Changelog: v9.0.0-rc02...v9.0.0-rc03
Open source →

From the same repository

davidjerleke/embla-carousel

One column per quarter.

[Docs]: Migrate Docs from GatsbyJS --> NextJs by @davidjerleke in #1303

✨ What's Changed

[Docs]: Migrate Docs from GatsbyJS --> NextJs by @davidjerleke in #1303
[Bug]: Types - Add undefined for EmblaPluginsType members by @tetarchus in #1293
[Bug]: Incorrect play/stop event timing in Autoplay Using isPlaying() by @davidjerleke in #1311
[Docs]: Document how to honor prefers-reduced-motion settings by @ben-basten in #1317
[Bug]: Autoplay pauseDelay is not cleared after calling reset() by @yangfancn in #1324
[Feat]: Move SSR support to a dedicated plugin by @davidjerleke in #1326
[Feat]: Remove ScrollOptimizer by @davidjerleke in #1336

New Contributors

@tetarchus made their first contribution in #1293
@ben-basten made their first contribution in #1317
@yangfancn made their first contribution in #1324

Full Changelog: v9.0.0-rc01...v9.0.0-rc02

Open source →

9.0.0-rc0120 Jan 2026pre-releaseBreaking

v8 to v9 migration guide (breaking changes)

✨ Release notes

v9 release notes
v8 to v9 migration guide (breaking changes)

New Contributors

@soh3illl made their first contribution in #1161
@zackchengyk made their first contribution in #1205
@SeanPlusPlus made their first contribution in #1224
@Ammar1999y made their first contribution in #1230
@dsd made their first contribution in #1236

Full Changelog: v8.6.0...v9.0.0-rc01

Open source →

8.6.04 Apr 2025

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Support

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Bug]: scrollProgress not tightly synced to container translate by @Matoseb in #1134

New Contributors

@Matoseb made their first contribution in #1134

Full Changelog: v8.5.2...v8.6.0

Open source →

8.5.27 Jan 2025

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Support

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Bug]: Offset by 1 issue for canScrollNext when tab size has fractional width by @yasuhiro-yamamoto in #1096
[Bug]: Autoplay never starts if page with carousel is loaded in inactive browser tab by @davidjerleke in #1101

New Contributors

@yasuhiro-yamamoto made their first contribution in #1096

Full Changelog: v8.5.1...v8.5.2

Open source →

8.5.120 Nov 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Support

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Bug]: RangeError Maximum call stack size exceeded by @davidjerleke in #1065

Full Changelog: v8.5.0...v8.5.1

Open source →

8.5.020 Nov 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Support

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Feat]: Autoplay - Delay between transitions per slide + Possibility to create a progress bar by @davidjerleke in #1062

Full Changelog: v8.4.0...v8.5.0

Open source →

8.4.017 Nov 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Support

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Feat]: Trigger event (autoplay:select) on autoplay index update by @Mitch-At-Work in #1054
[Feat]: Give animation variables more descriptive names and round rendered position by @davidjerleke in #1057
[Feat]: ClassNames - Add possibility to pass an array of strings and add a loop option by @davidjerleke in #1061

New Contributors

@Mitch-At-Work made their first contribution in #1054

Full Changelog: v8.3.1...v8.4.0

Open source →

8.3.129 Oct 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Support

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Bug]: TypeError: Cannot read properties of undefined (reading 'map') in AutoHeight by @suraj776 in #1012
[Feat]: Add react v19 to peer deps by @Yonom in #1041
Bump vite from 3.2.10 to 3.2.11 by @dependabot in #1007
Bump rollup from 4.21.3 to 4.22.4 by @dependabot in #1015

New Contributors

@suraj776 made their first contribution in #1012
@Yonom made their first contribution in #1041

Full Changelog: v8.3.0...v8.3.1

Open source →

8.3.013 Sept 2024Deprecated

[Feat]: Upgrade deprecated Node version for GitHub actions by @davidjerleke in #999

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Feat]: Upgrade deprecated Node version for GitHub actions by @davidjerleke in #999
[Feat]: Adding updated onemblaInit naming for Svelte 5 by @S1r-Lanzelot in #992

Full Changelog: v8.2.1...v8.3.0

Open source →

8.2.14 Sept 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Bug]: useEmblaCarousel initializes Embla with stale options in certain cases by @lesha1201 in https://github.com/davidjerleke/embla-carousel/pull/981

New Contributors

@lesha1201 made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/981

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.2.0...v8.2.1

Open source →

8.2.020 Aug 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Feat]: watchFocus option by @S-Shingler in https://github.com/davidjerleke/embla-carousel/pull/937

New Contributors

@S-Shingler made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/937

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.8...v8.2.0

Open source →

8.1.831 Jul 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

fix(react): export EmblaViewportRefType from bundle by @junlarsen in https://github.com/davidjerleke/embla-carousel/pull/947
[Bug]: Jitter on resize when not on first image by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/961

New Contributors

@junlarsen made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/947

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.7...v8.1.8

Open source →

8.1.719 Jul 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

refactor(vue): optimize reactivity handling and reduce bundle size by @negezor in https://github.com/davidjerleke/embla-carousel/pull/929
[Bug]: Add interpolation to fixed time step to improve animation smoothness by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/933

New Contributors

@negezor made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/929

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.6...v8.1.7

Open source →

8.1.61 Jul 2024

> ### Please skip upgrading to this version. Read why here: #928.

[!WARNING]

Please skip upgrading to this version. Read why here: #928.

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Feat]: Introduce Redux to docs by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/917
[Feat]: Remove animation offset location by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/926

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.5...v8.1.6

Open source →

8.1.512 Jun 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Bug]: Add nodenext compatibility for ESM imports by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/912

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.4...v8.1.5

Open source →

8.1.411 Jun 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Bug]: Slide hanging if overdragged/scrolled by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/883
[Feat]: Add TypeScript moduleResolution: bundler support by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/901

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.3...v8.1.4

Open source →

8.1.320 May 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

💫 Special release!

After suffering a terrible fate descending into the depths of the dark stale issues underworld for more than 4 years, it seemed all hope was lost for the fade issue. No one expected that it would survive the unforgiving hellish landscape, defy death and escape the underworld like Kratos.

Behold, the God of Fade 😂!

What's Changed

[Bug]: Fade plugin has wrong peer dependency version by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/885

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.2...v8.1.3

Open source →

8.1.219 May 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Bug]: Image disperses after window resize by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/882

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.1...v8.1.2

Open source →

8.1.117 May 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

chore(docs): fix missing sandbox dependency and add vanilla examples by @meirroth in https://github.com/davidjerleke/embla-carousel/pull/878
[Feat]: Fade in pairs by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/880

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.1.0...v8.1.1

Open source →

8.1.017 May 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Feat]: Add a fade plugin by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/871
[Feat]: Add slideFocus event by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/875

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.4...v8.1.0

Open source →

8.0.44 May 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

[Feat]: Add robust pinch zoom support by @realwagyu in https://github.com/davidjerleke/embla-carousel/pull/830

New Contributors

@realwagyu made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/830

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.3...v8.0.4

Open source →

8.0.34 May 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

Sponsor

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project you can sponsor it here:

💖 Sponsor

What's Changed

chore(docs): note about Vue 2 support by @meirroth in https://github.com/davidjerleke/embla-carousel/pull/844
chore(docs): note about reactive options by @meirroth in https://github.com/davidjerleke/embla-carousel/pull/836

New Contributors

@meirroth made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/844

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.2...v8.0.3

Open source →

8.0.210 Apr 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

[Bug]: Render when slides are wider than view size by @tolu-fuelled in https://github.com/davidjerleke/embla-carousel/pull/805

New Contributors

@tolu-fuelled made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/805

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.1...v8.0.2

Open source →

8.0.13 Apr 2024

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

[Bug]: Input click block after dragging by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/772
[Bug]: Direction rtl reverses y axis direction by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/787
[Bug]: Infinite Scroll Example does not settle when sdditional slides where added by @sarussss in https://github.com/davidjerleke/embla-carousel/pull/797
[Feat]: Add RTL case for slide gaps via CSS in docs by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/786
[Bug]: Autoplay fast scroll when opened in a new tab by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/812

New Contributors

@sarussss made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/797

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0...v8.0.1

Open source →

8.0.022 Feb 2024

Automatic slide/container size change detection with ResizeObserver.

✨ Release highlights

🌟 New core features

Automatic slide/container size change detection with ResizeObserver.
Automatic detection of added/removed slides with MutationObserver.
Improved performance of slidesInView now using IntersectionObserver instead of custom calculations.
New options to give devs more control: watchDrag, watchResize, watchSlides and dragThreshold.
New events: slidesChanged and slidesInView.
New Autoplay events: autoplay:play and autoplay:stop.
Embla now works with elements that come from other realms, such as iframes.
Support using tab on focusable elements to navigate the carousel.
Calculations for element dimensions and snap positions now work even if these elements have applied transforms.
Frame rate agnostic animations.
Support for any media queries (not just width queries) in breakpoints option.
New plugin: AutoScroll.
And more...

🌟 New integrations/wrappers

embla-carousel-solid - Thanks @LiamMartens!
embla-carousel-angular - Thanks @donaldxdonald, @zip-fa and @JeanMeche!

🌟 Documentation

A carousel generator (alpha).
New/improved examples: SlidesPerView, AutoScroll, AutoHeight, Parallax, Opacity, Scale, IOS style picker.
Examples have been added to plugin pages. For example, see AutoScroll.
Reduced code noise in sandboxes.
Code examples for Vanilla, React, Vue, Svelte, Solid and TypeScript usage have been added to all pages under the API section.

🌟 Misc

Tests have been added, improved and refactored so they test the final product instead of isolated components.
Improved issue/discussion setup with templates.
Improved contribution guidelines - Thanks @zaaakher for all your efforts!
A significant increase of contributions, both from current and new contributors.
A significant increase of embla-carousel-svelte and embla-carousel-vue users. <br>

🙏 A huge thank you to everyone who contributed to this release!

<br>

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Add watchResize and watchSlides options by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/449
Bugfix #387 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/459
Bugfix #90 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/460
Add watchDrag option by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/461
Add emblaApi as a first parameter to event listeners by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/463
Bugfix #464 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/465
Add dragThreshold option by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/469
Add support for multiple realms by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/475
Bugfix #472 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/477
Bugfix #486 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/487
Bugfix #488 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/493
Bump vite from 3.2.5 to 3.2.7 by @dependabot in https://github.com/davidjerleke/embla-carousel/pull/494
Bugfix #514 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/520
Bugfix #519 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/521
⚙️ Carousel Generator (previously "🤫 Secret project") by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/522
Make containScroll: 'trimSnaps' default by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/524
fix: Examples url path corrected by @Ronit-gurjar in https://github.com/davidjerleke/embla-carousel/pull/530
fix: Packages-readme-examples link corrected by @Ronit-gurjar in https://github.com/davidjerleke/embla-carousel/pull/533
Bugfix #536 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/537
Adding a class only to the snapped slide by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/543
Prepare sandbox compilation for Vue and Svelte by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/545
Support using tab(focus) to select and navigate carousel by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/549
Bugfix #541 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/550
Allow peer dep svelte ^4.0.0 by @anzbert in https://github.com/davidjerleke/embla-carousel/pull/556
Fix old browsers not support add event to MediaQueryList by @hamidrezahanafi in https://github.com/davidjerleke/embla-carousel/pull/561
Fix resize handler percision mismatch by @hamidrezahanafi in https://github.com/davidjerleke/embla-carousel/pull/570
Auto generate contributors in README files by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/573
Rewrite tests so they test the final product instead of isolated components by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/590
Replace option align:number with a callback by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/595
Add "type: module" (nodenext) support alongside commonjs by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/605
Fix leak in slidesInView event by @fcasibu in https://github.com/davidjerleke/embla-carousel/pull/613
Make EmblaEventType extendable for plugins by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/618
Expose the state for autoplay and events to listen to it by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/620
Bugfix #629 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/630
Add focus interaction to autoplay by @nwidynski in https://github.com/davidjerleke/embla-carousel/pull/615
Make reading element dimensions work regardless of transforms by @javiergonzalezGenially in https://github.com/davidjerleke/embla-carousel/pull/633
Bugfix #647 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/651
Bugfix #649 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/659
Bugfix #644 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/660
Bugfix #643 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/661
Move Nodenext support script to Rollup build end hook by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/664
Add docs section in CONTRIBUTING.md by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/657
Bugfix #672 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/677
Use onBeforeUnmount instead of onUnmounted to separate embla DOM cleanup from Vue Reactivity by @sadeghbarati in https://github.com/davidjerleke/embla-carousel/pull/673
Solid wrapper by @LiamMartens in https://github.com/davidjerleke/embla-carousel/pull/674
Relocating CONTRIBUTING.md to root directory by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/681
Bugfix #652 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/682
Add TypeScript usage examples to the docs by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/658
Bump graphql from 16.6.0 to 16.8.1 by @dependabot in https://github.com/davidjerleke/embla-carousel/pull/641
Added embla-carousel as a dependency for CodeSandbox template by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/685
Development walkthrough in CONTRIBUTING.md by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/683
Improve bug report and feature request templates by @smultar in https://github.com/davidjerleke/embla-carousel/pull/671
fix(build): update package.json files with correct "module" field by @ruijdacd in https://github.com/davidjerleke/embla-carousel/pull/699
Update previous-and-next-buttons.md by @LucasMariniFalbo in https://github.com/davidjerleke/embla-carousel/pull/704
[Bug]: Extra snapList point on some cases by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/711
[Bug]: Synced tabs doesn't always restore scroll position when selected tab changes by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/714
[Feat]: For Vue docs, use a more common SFC format by @mujahidfa in https://github.com/davidjerleke/embla-carousel/pull/701
[Feat]: Add Pull Request template and discussion templates for all categories by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/696
[Feat]: Continuously running carousel (ticker, marquee, ..) by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/634
[Feat]: API section in docs - Add code examples for all wrappers by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/725
Update 'events' Typescript example useEffect deps by @ranno-lauri in https://github.com/davidjerleke/embla-carousel/pull/729
[Bug]: UI issues when removing slides by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/728
[Bug]: Autoplay and AutoScroll not destroyed properly by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/751
[Feat]: Angular wrapper by @donaldxdonald in https://github.com/davidjerleke/embla-carousel/pull/627
Fixing a typo in the documentation by @cundd in https://github.com/davidjerleke/embla-carousel/pull/758
[Feat]: Simplify sandbox generation and improve examples by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/760

New Contributors

@dependabot made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/494
@Ronit-gurjar made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/530
@anzbert made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/556
@hamidrezahanafi made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/561
@fcasibu made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/613
@nwidynski made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/615
@javiergonzalezGenially made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/633
@zaaakher made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/657
@sadeghbarati made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/673
@LiamMartens made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/674
@smultar made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/671
@ruijdacd made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/699
@LucasMariniFalbo made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/704
@mujahidfa made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/701
@ranno-lauri made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/729
@donaldxdonald made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/627
@cundd made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/758

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.1.0...v8.0.0

Open source →

8.0.0-rc2319 Feb 2024pre-release

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc22 this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc22 this release includes the following:

🛠️ Bugfixes:

#720 - UI issues when removing slides. Thanks @sshmaxime!

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Update 'events' Typescript example useEffect deps by @ranno-lauri in https://github.com/davidjerleke/embla-carousel/pull/729
[Bug]: UI issues when removing slides by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/728

New Contributors

@ranno-lauri made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/729

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc22...v8.0.0-rc23

Open source →

8.0.0-rc2230 Jan 2024pre-release

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc21 this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc21 this release includes the following:

🌟 New features:

#114 - [Feat]: Continuously running carousel (ticker, marquee, ..). Thanks @openscript, @mdrahiem!

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

[Feat]: API section in docs - Add code examples for all wrappers by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/725

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc21...v8.0.0-rc22

Open source →

8.0.0-rc2126 Jan 2024pre-release

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc20 this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc20 this release includes the following:

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

[Feat]: For Vue docs, use a more common SFC format by @mujahidfa in https://github.com/davidjerleke/embla-carousel/pull/701
[Feat]: Add Pull Request template and discussion templates for all categories by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/696
[Feat]: Continuously running carousel (ticker, marquee, ..) by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/634

New Contributors

@mujahidfa made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/701

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc20...v8.0.0-rc21

Open source →

8.0.0-rc2023 Jan 2024pre-release

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc19 this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc19 this release includes the following:

🛠️ Bugfixes:

#707 - [Bug]: Extra snapList point on some cases. Thanks @huri3l.
#713 - [Bug]: Synced tabs doesn't always restore scroll position when selected tab changes.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Add TypeScript usage examples to the docs by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/658
Bump graphql from 16.6.0 to 16.8.1 by @dependabot in https://github.com/davidjerleke/embla-carousel/pull/641
Added embla-carousel as a dependency for CodeSandbox template by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/685
Development walkthrough in CONTRIBUTING.md by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/683
Improve bug report and feature request templates by @smultar in https://github.com/davidjerleke/embla-carousel/pull/671
fix(build): update package.json files with correct "module" field by @ruijdacd in https://github.com/davidjerleke/embla-carousel/pull/699
Update previous-and-next-buttons.md by @LucasMariniFalbo in https://github.com/davidjerleke/embla-carousel/pull/704
[Bug]: Extra snapList point on some cases by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/711
[Bug]: Synced tabs doesn't always restore scroll position when selected tab changes by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/714

New Contributors

@smultar made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/671
@ruijdacd made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/699
@LucasMariniFalbo made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/704

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc19...v8.0.0-rc20

Open source →

8.0.0-rc197 Jan 2024pre-release

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc18 this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc18 this release includes the following:

🌟 New features:

#429 - SolidJS wrapper! Thanks @LiamMartens!

🛠️ Bugfixes:

#652 - Loop + scrollTo with jump occasionally fails and selected slide turns white. Thanks @dlhagstroem.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Use onBeforeUnmount instead of onUnmounted to separate embla DOM cleanup from Vue Reactivity by @sadeghbarati in https://github.com/davidjerleke/embla-carousel/pull/673
Solid wrapper by @LiamMartens in https://github.com/davidjerleke/embla-carousel/pull/674
Relocating CONTRIBUTING.md to root directory by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/681
Bugfix #652 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/682

New Contributors

@sadeghbarati made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/673
@LiamMartens made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/674

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc18...v8.0.0-rc19

Open source →

8.0.0-rc183 Jan 2024pre-release

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc17 this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01 - v8.0.0-rc17 this release includes the following:

🛠️ Bugfixes:

[x] #672 - No transitions on first slide while using navigation buttons when destroy and reinit the carousel. Thanks @sadeghbarati.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Move Nodenext support script to Rollup build end hook by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/664
Add docs section in CONTRIBUTING.md by @zaaakher in https://github.com/davidjerleke/embla-carousel/pull/657
Bugfix #672 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/677

New Contributors

@zaaakher made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/657

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc17...v8.0.0-rc18

Open source →

8.0.0-rc1722 Dec 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.0.0-rc10, v8.0.0-rc11, v8.0.0-rc12, v8.0.0-rc13, v8.0.0-rc14, v8.0.0-rc15 and v8.0.0-rc16 this release includes the following:

🛠️ Bugfixes:

[x] #643 - Destroying (eg on switching page) with autoplay plugin causes error: Cannot read properties of undefined (reading 'stopOnInteraction'). Thanks @tombryden.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Bugfix #643 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/661

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc16...v8.0.0-rc17

Open source →

8.0.0-rc1622 Dec 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.0.0-rc10, v8.0.0-rc11, v8.0.0-rc12, v8.0.0-rc13, v8.0.0-rc14 and v8.0.0-rc15 this release includes the following:

🚨 Note!

Anyone who has upgraded to v8.0.0-rc15 is strongly recommended to upgrade to this version.

🛠️ Bugfixes:

[x] #647 - EmblaOptionsType doesn't exists in React. Thanks @proninyaroslav!
[x] #649 - Scroll snap and slides to scroll calculations are too sensitive. Thanks @mozart77!
[x] #644 - Autoplay resumes before mouse has left the carousel container with stopOnMouseEnter set to true. Thanks @tombryden.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Bugfix #647 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/651
Bugfix #649 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/659
Bugfix #644 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/660

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc15...v8.0.0-rc16

Open source →

8.0.0-rc1528 Nov 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.0.0-rc10, v8.0.0-rc11, v8.0.0-rc12, v8.0.0-rc13 and v8.0.0-rc14 this release includes the following:

🌟 New features:

[x] #637 - Make reading element dimensions work regardless of transforms. Thanks @javiergonzalezGenially!
[x] #619 - Expose the state for autoplay and events to listen to it. Thanks @kdzone!
[x] #616 - Add focus interaction to autoplay. Thanks @nwidynski!
[x] #594 - Replace option align:number with a callback. Thanks @tobimori!
[x] #481 - Add "type: module" (nodenext) support alongside commonjs. Thanks @chronoDave!

🛠️ Bugfixes:

[x] #614 - slidesInView memory leak - Not destroyed when carousel is dismantled. Thanks @fcasibu!
[x] #629 - SlideRegistry shouldn't group slides when containScroll:'trimSnaps' option is set. Thanks @sarussss!

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Auto generate contributors in README files by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/573
Rewrite tests so they test the final product instead of isolated components by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/590
Replace option align:number with a callback by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/595
Add "type: module" (nodenext) support alongside commonjs by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/605
Fix leak in slidesInView event by @fcasibu in https://github.com/davidjerleke/embla-carousel/pull/613
Make EmblaEventType extendable for plugins by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/618
Expose the state for autoplay and events to listen to it by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/620
Bugfix #629 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/630
Add focus interaction to autoplay by @nwidynski in https://github.com/davidjerleke/embla-carousel/pull/615
Make reading element dimensions work regardless of transforms by @javiergonzalezGenially in https://github.com/davidjerleke/embla-carousel/pull/633

New Contributors

@fcasibu made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/613
@nwidynski made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/615
@javiergonzalezGenially made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/633

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc14...v8.0.0-rc15

Open source →

8.0.0-rc1419 Sept 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.0.0-rc10, v8.0.0-rc11, v8.0.0-rc12 and v8.0.0-rc13 this release includes the following:

🛠️ Bugfixes:

[x] #571 - Resize handler precision mismatch. Thanks @hamidrezahanafi!
[x] #568 - Carousel transition animation broken on Firefox (117). Thanks again @hamidrezahanafi!

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Fix resize handler percision mismatch by @hamidrezahanafi in https://github.com/davidjerleke/embla-carousel/pull/570

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc13...v8.0.0-rc14

Open source →

8.0.0-rc1315 Sept 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.0.0-rc10, v8.0.0-rc11 and v8.0.0-rc12 this release includes the following:

🛠️ Bugfixes:

[x] #560 - Safari 13.x t.addEventListener is not a function. Thanks @hamidrezahanafi!

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Fix old browsers not support add event to MediaQueryList by @hamidrezahanafi in https://github.com/davidjerleke/embla-carousel/pull/561

New Contributors

@hamidrezahanafi made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/561

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc12...v8.0.0-rc13

Open source →

8.0.0-rc1222 Aug 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09, v8.0.0-rc10 and v8.0.0-rc11 this release includes the following:

🌟 New features:

[x] #456 - Support using tab(focus) to select and navigate carousel. Thanks @winston0410!
[x] #558 - emblaApi.slidesInView() should use IntersectionObserver.
[x] #535 - Dependency conflict when using embla-carousel-svelte in a project with the new Svelte version 4. Thanks @anzbert!
[x] #542 - Adding a class only to the snapped slide. Thanks @jln13x!

🛠️ Bugfixes:

[x] #541 - After running for a while 'cannot read properties of undefined' error is thrown. Thanks @jjachowski!
[x] #536 - slidesToScroll: 'auto' isn't compatible with margins or gap slide spacings.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

fix: Examples url path corrected by @Ronit-gurjar in https://github.com/davidjerleke/embla-carousel/pull/530
fix: Packages-readme-examples link corrected by @Ronit-gurjar in https://github.com/davidjerleke/embla-carousel/pull/533
Bugfix #536 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/537
Adding a class only to the snapped slide by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/543
Prepare sandbox compilation for Vue and Svelte by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/545
Support using tab(focus) to select and navigate carousel by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/549
Bugfix #541 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/550
allow peer dep svelte ^4.0.0 by @anzbert in https://github.com/davidjerleke/embla-carousel/pull/556

New Contributors

@Ronit-gurjar made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/530
@anzbert made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/556

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc11...v8.0.0-rc12

Open source →

8.0.0-rc1111 Jul 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09 and

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08, v8.0.0-rc09 and v8.0.0-rc10 this release includes the following:

🛠️ Bugfixes:

[x] ScrollBody direction is wrong sometimes (edge case).

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc10...v8.0.0-rc11

Open source →

8.0.0-rc109 Jul 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08 and v8.0.0-rc09,

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07, v8.0.0-rc08 and v8.0.0-rc09, this release includes the following:

🌟 New Features:

⚙️ Embla Carousel generator - Check it out here 🎉!

#504 - ⚙️ Carousel Generator

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

Open source →

8.0.0-rc098 Jul 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07 and v8.0.0-rc08, this release

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06, v8.0.0-rc07 and v8.0.0-rc08, this release includes the following:

💥 Changes:

[x] #507 - The containScroll option default is now: 'trimSnaps'. Thanks @MaxDesignFR.

🛠️ Bugfixes:

[x] #519 - Library crash when using breakpoints. Thanks @hamidrezahanafi.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Bugfix #519 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/521
🤫 Secret project by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/522
Make containScroll: 'trimSnaps' default by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/524

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc08...v8.0.0-rc09

Open source →

8.0.0-rc087 Jul 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06 and v8.0.0-rc07, this release includes the

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05, v8.0.0-rc06 and v8.0.0-rc07, this release includes the following:

🛠️ Bugfixes:

[x] #514 - scrollTo with jump doesn't work on iOS. Thanks @dlhagstroem.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Bump vite from 3.2.5 to 3.2.7 by @dependabot in https://github.com/davidjerleke/embla-carousel/pull/494
Bugfix #514 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/520

New Contributors

@dependabot made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/494

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc07...v8.0.0-rc08

Open source →

8.0.0-rc076 Jun 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05 and v8.0.0-rc06, this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04, v8.0.0-rc05 and v8.0.0-rc06, this release includes the following:

🛠️ Bugfixes:

[x] #488 - Uncaught "ResizeObserver loop limit exceeded". Thanks @hmartiins, @VadymBezsmertnyi and @tobimori!

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Bugfix #488 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/493

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc06...v8.0.0-rc07

Open source →

8.0.0-rc0631 May 2023pre-release

This release solves a critical bug. v8.0.0-rc01 - v8.0.0-rc05 users are strongly recommended to update their package to this version.

🚨 Note!

This release solves a critical bug. v8.0.0-rc01 - v8.0.0-rc05 users are strongly recommended to update their package to this version.
In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03, v8.0.0-rc04 and v8.0.0-rc05, this release includes the following:

🛠️ Bugfixes:

[x] #486 - Carousel isn't reactivating after resizing from a breakpoint with active: false. Thanks @turtlecrab!

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Bugfix #486 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/487

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc05...v8.0.0-rc06

Open source →

8.0.0-rc0524 May 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03 and v8.0.0-rc04, this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02, v8.0.0-rc03 and v8.0.0-rc04, this release includes the following:

🛠️ Bugfixes:

[x] #472 - Too many Snaps on Firefox with containScroll: 'trimSnaps'. Thanks @mUzzzie.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Bugfix #472 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/477

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc04...v8.0.0-rc05

Open source →

8.0.0-rc0420 May 2023pre-release

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02 and v8.0.0-rc03, this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01, v8.0.0-rc02 and v8.0.0-rc03, this release includes the following:

🌟 New features:

[x] #455 - Make carousel events work inside an iframe. Thanks a lot for the help @slpy9 🎉! @M-Joyce.

Embla now works in different realms like iframes and windows. Additionally, before this release, each carousel started a separate animation loop by calling requestAnimationFrame. With this release, all carousels within the same realm now share the same animation loop.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Add support for multiple realms by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/475

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc03...v8.0.0-rc04

Open source →

8.0.0-rc033 May 2023pre-release

In addition to all changes in v8.0.0-rc01 and v8.0.0-rc02, this release includes the following:

🚨 Note!

In addition to all changes in v8.0.0-rc01 and v8.0.0-rc02, this release includes the following:

🌟 New features:

[x] #25 - Make dragThreshold configurable.
[x] Smoother animations

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Add dragThreshold option by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/469

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc02...v8.0.0-rc03

Open source →

8.0.0-rc0228 Apr 2023pre-release

This release only affects embla-carousel-svelte users.

🚨 Note!

This release only affects embla-carousel-svelte users.
In addition to all changes in v8.0.0-rc01, this release includes the following:

🛠️ Bugfixes:

[x] #464 - Wrong embla-carousel-svelte init event types.

❌ Don't do this anymore:

<script lang="ts">
  import emblaCarouselSvelte, type { EmblaCarouselType } from 'embla-carousel-svelte'

  let emblaApi: EmblaCarouselType

  function onInit(event: CustomEvent<EmblaCarouselType>): void {
    emblaApi = event.detail
    console.log(emblaApi.slideNodes()) // Access API
  }
</script>

<div class="embla" use:emblaCarouselSvelte init="{onInit}"> ❌
  ...
</div>

✅ The new way to do it:

<script lang="ts">
  import emblaCarouselSvelte, type { EmblaCarouselType } from 'embla-carousel-svelte'

  let emblaApi: EmblaCarouselType

  function onInit(event: CustomEvent<EmblaCarouselType>): void {
    emblaApi = event.detail
    console.log(emblaApi.slideNodes()) // Access API
  }
</script>

<div class="embla" use:emblaCarouselSvelte emblaInit="{onInit}"> ✅
  ...
</div>

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Bugfix #464 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/465

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v8.0.0-rc01...v8.0.0-rc02

Open source →

8.0.0-rc0125 Apr 2023pre-release

Embla dropped IE11 support in v.7.0.0 but it was only an Object.assign() polyfill away. With the v8.0.0 release, Embla uses modern browser features so

🚨 Note!

Embla dropped IE11 support in v.7.0.0 but it was only an Object.assign() polyfill away. With the v8.0.0 release, Embla uses modern browser features so if there are any devs out there that still need to support IE11, this version of Embla isn't for you.

👋 Introduction

Thanks to a generous anonymous donation, I was able to spend two and a half days on this project, instead of 15 minutes here and there of my worst time during a day. The result - All the following improvements without any increase in bundle size!

Thank you very much anonymous donator out there 💵❤️!

Please note that although this is a pre-release, the changes in this release are here to stay. However, I might choose to include a little more in the final v8.0.0 release.

🌟 New features:

`A new physics engine`

[x] #387 - Inconsistent animation speed depending on monitor refresh rate (thanks @macjuul)

Embla animations are now frame rate independent! No matter if your screen has a refresh rate of 30Hz, 60Hz, 120Hz or anything else, the animation durations will be the same.

I've replaced the old attraction physics model with a new more flexible one. The previous model was hard to reason with. In contrast, the new attraction model feels more natural. The speed of scrolling is now always proportional to how vigorous the drag gestures are.

`The new watch concept`

This release introduces the new watch concept. Devs now have three new options:

[x] #159 - Add watchResize and watchSlides options (thanks @ej-mitchell)
[x] #416 - Add watchDrag option (thanks @peacepostman)

`watchResize`

Embla is no longer listening to the window resize event. Instead, it's using ResizeObserver on its container and slides. If any size has changed it will re-initialize by calling reInit automatically. Default is:

{
  watchResize: true,
}

You can opt out of the default Embla resize behaviour like so:

{
  watchResize: false,
}

However, you can also pass a callback function to watchResize like so:

{
  watchResize: (emblaApi: EmblaCarouselType, entries: ResizeObserverEntry[]) => {
    // do your own thing here BEFORE Embla runs its internal resize logic

    return true // <-- Return true if you want Embla to continue with its default resize behaviour

    // ...OR:

    return false // <-- Return false if you want Embla to skip its default resize behaviour
  },
}

`watchSlides`

This new option adds the feature of Embla automatically re-initializing by calling reInit when slides have been added or removed, using MutationObserver. Default is:

{
  watchSlides: true,
}

You can opt out of the default Embla slides changed behaviour like so:

{
  watchSlides: false,
}

However, you can also pass a callback function to watchSlides like so:

{
  watchSlides: (emblaApi: EmblaCarouselType, mutations: MutationRecord[]) => {
    // do your own thing here BEFORE Embla runs its internal slides changed logic

    return true // <-- Return true if you want Embla to continue with its default slides changed behaviour

    // ...OR:

    return false // <-- Return false if you want Embla to skip its default slides changed behaviour
  },
}

`watchDrag`

This new option adds the possibility to cancel the default drag behaviour. For example, it's useful if you need to disable dragging when a user wants to scroll an element inside a slide. Default is:

{
  watchDrag: true,
}

You can opt out of the default Embla drag behaviour like so:

{
  watchDrag: false,
}

However, you can also pass a callback function to watchDrag like so:

{
  watchDrag: (emblaApi: EmblaCarouselType, event: MouseEvent | TouchEvent) => {
    // do your own thing here BEFORE Embla runs its internal drag logic

    return true // <-- Return true if you want Embla to continue with its default drag behaviour

    // ...OR:

    return false // <-- Return false if you want Embla to skip its default drag behaviour
  },
}

🛠️ Bugfixes

[x] #90 - Drag threshold is too high on wide screens (thanks @silllli for the help)
[x] #387 - Inconsistent animation speed depending on monitor refresh rate (thanks @macjuul)

💥 Breaking Changes

[x] #416 - Add watchDrag option (was named draggable before this release) (thanks @peacepostman)
[x] #462 - Add emblaApi as a first parameter to event listeners
[x] #387 - Inconsistent animation speed depending on monitor refresh rate (the previous speed option is now duration)
The default value of containScroll options has changed from '' --> null.

❌ Features removed

[x] The clickAllowed() method has been removed because it's now handled automatically.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Add watchResize and watchSlides options by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/449
Bugfix #387 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/459
Bugfix #90 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/460
Add watchDrag option by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/461
Add emblaApi as a first parameter to event listeners by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/463

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.1.0...v8.0.0-rc01

Open source →

7.1.08 Mar 2023

[x] #440 - Add `slides` & `container` options.

🌟 New features:

[x] #440 - Add slides & container options.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Migrate to the latest Gatsby version by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/428
Docs improvements by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/439
Add slides & container options by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/441

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.9...v7.1.0

Open source →

7.0.923 Jan 2023

[x] #424 - Dragging not working well in Firefox for desktop. @scheinercc.

🛠️ Bugfixes:

[x] #424 - Dragging not working well in Firefox for desktop. @scheinercc.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Dragging not working well in Firefox for desktop by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/426

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.8...v7.0.9

Open source →

7.0.821 Jan 2023

[x] #422 - Handle click prevention on drag automatically.

🌟 New features:

[x] #422 - Handle click prevention on drag automatically.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Handle click prevention on drag automatically by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/423

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.7...v7.0.8

Open source →

7.0.720 Jan 2023

[x] #62 - Passive event listeners (no more Lighthouse errors 🎉!).

🌟 New features:

[x] #62 - Passive event listeners (no more Lighthouse errors 🎉!).

🛠️ Bugfixes:

[x] #394 - Interacting with a dropdown within the slider starts drag and drop behaviour.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Passive event listeners by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/421

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.6...v7.0.7

Open source →

7.0.617 Jan 2023

[x] #414 - When Embla falls back to loop: false it replaces the user provided loop option - Reported by @pReya.

🛠️ Bugfixes:

[x] #414 - When Embla falls back to loop: false it replaces the user provided loop option - Reported by @pReya.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Generated CodeSanboxes by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/403
chore(docs): set custom root node for autoplay by @openscript in https://github.com/davidjerleke/embla-carousel/pull/406
Bugfix #414 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/415

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.5...v7.0.6

Open source →

7.0.58 Nov 2022

If you have installed embla-carousel-react with the --legacy-peer-deps flag using React 16.8 or 17, you're encouraged to update your package to this v

🚨 Note!

If you have installed embla-carousel-react with the --legacy-peer-deps flag using React 16.8 or 17, you're encouraged to update your package to this version and re-install your dependencies without the --legacy-peer-deps flag.

🛠️ Bugfixes:

[x] #362 - Won't install on React 17.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

chore: Add React ^16.8 and ^17 to peer deps. by @horseeyephil in https://github.com/davidjerleke/embla-carousel/pull/392

New Contributors

@horseeyephil made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/392

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.4...v7.0.5

Open source →

7.0.429 Oct 2022

If you have been using v7.0.0-v7.0.3 with NextJS you’re encouraged to update your package to v7.0.4.

🚨 Note!

If you have been using v7.0.0-v7.0.3 with NextJS you’re encouraged to update your package to v7.0.4.

🛠️ Bugfixes:

[x] #384 - Endless scrolling in NextJS prod bundle.

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Docs: improve explanation of the speed option by @SaizFerri in https://github.com/davidjerleke/embla-carousel/pull/381

New Contributors

@SaizFerri made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/381

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.3...v7.0.4

Open source →

7.0.312 Sept 2022

[x] #366 - Vue package - Incorrect types for emblaApi

🛠️ Bugfixes:

[x] #366 - Vue package - Incorrect types for emblaApi

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Vue Package: fixed types for emblaApi. #366 by @rojadesign in https://github.com/davidjerleke/embla-carousel/pull/367

New Contributors

@rojadesign made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/367

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.2...v7.0.3

Open source →

7.0.231 Aug 2022

[x] #357 - Autoplay jump parameter - Thanks to @th-km for the idea 💡!

🌟 New features:

[x] #357 - Autoplay jump parameter - Thanks to @th-km for the idea 💡!

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

What's Changed

Add Autoplay jump parameter by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/359

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.1...v7.0.2

Open source →

7.0.118 Aug 2022

Everyone who has been using v7.0.0rc-x and v7.0.0 up is encouraged to update their package to v7.0.1.

🚨 Note!

Everyone who has been using v7.0.0rc-x and v7.0.0 up is encouraged to update their package to v7.0.1.

🛠️ Bugfixes

[x] #355 - Thanks goes to @joaopluis for reporting the bug.

What's Changed

Bugfix for #355 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/356

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v7.0.0...v7.0.1

Open source →

7.0.01 Aug 2022

[x] #327 - Expose plugin API:s from the Embla API

🌟 New features:

[x] #322 - Breakpoints option
[x] #327 - Expose plugin API:s from the Embla API
[x] #329 - Active option
[x] #330 - New option value: slidesToScroll: auto
[x] #305 - React 18 Support
[x] #17 - Vue 3 wrapper
[x] #307 - Svelte wrapper

➡️ Changes

[x] #331 - containScroll: Account for edge spacing
[x] #60 - The transform unit has changed from % to px. As a result, the position: relative style on the slides needed for loop carousels to work is not necessary anymore.

🛠️ Bugfixes

[x] #285 - Non-visible slides when using CSS grid in combination with loop: true
[x] #317 - Embla + Framer Motion + Flubber makes slides "disappear"

💥 Breaking Changes

[x] #327 - Expose plugin API:s from the Embla API

❌ Features removed

[x] Pseudo options
[x] IE11 support

What's Changed

Fix typo by @silllli in https://github.com/davidjerleke/embla-carousel/pull/280
Add a hint for flexbox and autoheight compatability by @JoshuaCrewe in https://github.com/davidjerleke/embla-carousel/pull/294
Update changing options through CSS by @th-km in https://github.com/davidjerleke/embla-carousel/pull/303
Docs: Add target option (Wheel Gestures Plugin) by @xiel in https://github.com/davidjerleke/embla-carousel/pull/311
v7 by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/300
Typing of Embla Plugins by @xiel in https://github.com/davidjerleke/embla-carousel/pull/335
Vue 3 wrapper by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/336
v7 docs by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/337
Svelte Wrapper by @davidjerleke in https://github.com/davidjerleke/embla-carousel/pull/342

New Contributors

@silllli made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/280
@JoshuaCrewe made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/294
@th-km made their first contribution in https://github.com/davidjerleke/embla-carousel/pull/303

Donations

Embla Carousel is an open source MIT licensed project. If you are interested in supporting this project, please consider:

Full Changelog: https://github.com/davidjerleke/embla-carousel/compare/v6.2.0...v7.0.0

Open source →

Your coding agent can read these notes before it upgrades. Set up the MCP server →