MARKETPLACE
PLUGINS
GLIDEFLOW (FREE)
GlideFlow (Free) logo

GlideFlow (Free)

Published March 2026
   β€’    Updated today

Plugin details

GlideFlow is the ultimate solution to build native-feeling horizontal carousels in Bubble.io effortlessly! Powered by the industry-standard Swiper.js library, this plugin seamlessly converts any standard Repeating Group into a fully swipeable, high-performance slider.
Whether you are building an image gallery, a mobile-friendly product showcase, or a Netflix-style horizontal scroll, GlideFlow handles the math, the physics, and the responsiveness for you. It bypasses Bubble's native flexbox constraints to ensure your cards never stack vertically or overlap.

✨ Key Features:

πŸ“± Touch & Grab Friendly: Native swipe physics and 'grab' cursor for desktop and mobile.

πŸ“ Auto-Width Support: Let the carousel respect the original size of your cards, or force a specific number of slides per view.

πŸ”„ Advanced End Behaviors: Choose between Infinite Loop or a Ping Pong (back-and-forth) effect.

🏎️ Autoplay: Make your carousel slide automatically with custom delays and hover-to-pause logic.

🎯 Centered Slides: Center the active slide on the screen to create a premium "App Store" look.

πŸ›‘οΈ Ghost Drag Prevention: Automatically stops the browser from trying to "download" images when users try to swipe.


Demo Page: https://demo-app-56978.bubbleapps.io/version-test/glideflow_free/1773596015741x491780385054832100

Free

For everyone

stars   β€’   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   β€’   68 Plugins
View contributor profile

Instructions

To make the magic happen, follow these strict configuration rules in your Bubble Editor:
Step 1: The Golden Rule of Placement πŸ“¦
Place both your Repeating Group and the GlideFlow plugin element inside the EXACT SAME Parent Group / Container. This ensures the plugin loads perfectly in sync with your data.

Step 2: Repeating Group Configuration βš™οΈ

Go to your Repeating Group settings and give it an ID Attribute (e.g., myCarousel) at the very bottom of the properties panel.

In the Appearance tab: Set Set fixed number of rows to 1 Row. Leave the Columns field completely empty/blank!

In the Layout tab: Check βœ… Show all items immediately.

In the Layout tab: Check βœ… Fit height to content (this prevents your cards from overlapping).

In the Layout tab: Uncheck ❌ Fit width to content (let the container be 100% width or set a Max Width so the Swiper can hide the overflow).

Step 3: Card Setup πŸ–ΌοΈ
Give your content (the Group or Image inside the Repeating Group cell) a physical width. For example, set the inner group to 300px fixed width, or a percentage.

Step 4: Plugin Setup πŸ”Œ
Click on the GlideFlow element, paste your Repeating Group ID into the Repeating Group ID field, configure your settings (like Autoplay or Loop), and preview your app. Swipe away! πŸ„β€β™‚οΈ

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   β€’   Image   β€’   Media   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble