[Feat]: CSS-only Mode

[MentalGear]

Which variants of Embla Carousel are relevant to this feature request?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-fade
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Feature description

First, thank you for your great work on the carousel component! With web browser support for scroll snapping being so high these days, it would be fantastic to have an option to enable a CSS-only mode. This would help match the native scrolling behavior of each platform, providing a smoother experience overall.

Additionally, this approach would allow us to reduce dependencies by compiling the carousel with less overhead, making the overall size lighter. With scroll snapping and element.scrollTo handling all the scrolling, we could eliminate the need for animationRequest, further simplifying the implementation.

It would be great if this could be considered for a future update!

Additional Context

Additional details here...

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues
• I agree to follow this project's Contributing Guidelines for feature requests