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 https://github.com/davidjerleke/embla-carousel/pull/999
• [Feat]: Adding updated onemblaInit naming for Svelte 5 by @S1r-Lanzelot in #992

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

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

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

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

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

[!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

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

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

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

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

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

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

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

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

Donations

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

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

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

Donations

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

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

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

✨ 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.

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

Donations

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

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

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

🚨 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:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

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

🚨 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:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

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

🚨 Note!

• In addition to all changes in v8.0.0-rc01 - v8.0.0-rc20 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:

• One-off donation via PayPal
• One-off/monthly donations via Ko-fi

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