Horizontal Scroll Group – by Zappify
The Horizontal Scroll Group plugin allows you to easily make any group in your Bubble application scrollable horizontally. With a simple setup, you can enhance your UI for mobile and desktop users, enabling smooth horizontal scrolling with optional scrollbar visibility.


What This Plugin Does

This plugin provides a lightweight and flexible way to:

1. Enable horizontal scrolling on any group element by providing its ID
2. Choose whether or not to hide the horizontal scrollbar
3. Ensure smooth scrolling with touch support
4. Improve UI/UX for lists, galleries, and carousels

It is especially useful for implementing horizontally scrolling sections such as:

* Product cards
* Image sliders
* News feeds
* User testimonials
* Horizontal repeating groups

How to Use

1. Install the plugin from the Bubble Plugin Store.
2. Open your Bubble app editor and assign an ID to the group you want to scroll horizontally.
  (Ensure "Expose the option to add an ID attribute to HTML elements" is enabled under Settings → General.)
3. Drag and drop the "Horizontal Scroll Group" plugin element anywhere on your page.
4. In the element properties:

  * Enter the `group_id` (this should match the ID attribute of the group).
  * Use the `Hide Scrollbar` checkbox to decide whether the scrollbar should be hidden or shown.

No additional configuration is required. Once the element is placed and configured, your group will automatically support horizontal scrolling.

Technical Details

* Implements native CSS scroll behavior
* Conditionally applies custom scrollbar hiding based on user input
* Supports touch-based and mouse-based horizontal scrolling
* Lightweight and non-intrusive – does not interfere with Bubble's built-in layout logic

Demo Web Application

https://zappify-plugins.bubbleapps.io/version-test/plugin/horizontal-scrolling-group-1750330377423x416597045081091650

About Zappify

This plugin is developed by Zappify, a certified Bubble development agency. We specialize in building scalable and efficient NoCode applications for startups, enterprises, and government institutions.

If you need help implementing the plugin or would like custom functionality, visit https://zappify.in to get in touch.