[PLUGIN] GlideFlow Carousel - The Ultimate Swiper.js Slider (Free & PRO)

Hey Bubblers! :waving_hand:

Are you tired of fighting with Bubble’s native Repeating Groups just to create a decent horizontal scrolling experience? Sick of ugly scrollbars, overlapping cards, and clunky mobile swiping?

Say hello to GlideFlow! :man_surfing:

We took the industry-standard Swiper.js library and seamlessly integrated it into Bubble. No more CSS hackery or complex math on your end. Just build your standard Repeating Group, drop the GlideFlow element on your page, and watch it instantly transform into a buttery-smooth, native-feeling carousel.

To make sure everyone gets value, I’m releasing this in two versions: a super generous FREE version and a powerhouse PRO version.

:green_circle: GlideFlow (FREE Version)

Everything you need to build a beautiful, functional slider:

  • :mobile_phone: Native Touch & Grab: Perfect swipe physics for both mobile and desktop.

  • :straight_ruler: Smart Widths: Force a specific number of slides per view, or let it automatically adapt to the exact width of your Bubble cells (Auto Width).

  • :racing_car: Autoplay & End Behaviors: Set custom delays and choose between Infinite Loop or Ping Pong behaviors.

  • :bullseye: Center Slides: Snap the active slide perfectly to the middle of the screen.

:gem_stone: GlideFlow PRO (The Ultimate Upgrade)

For developers who want to build top-tier, App Store-level UI. We skipped the “feature bloat” and packed only the most highly requested premium features:

  • :magic_wand: Stunning 3D Effects: Turn your slider into an Apple-style Coverflow, a Tinder-style stacked Cards deck, or a sleek cross-Fade.

  • :framed_picture: Synced Thumbnails: Connect a second Repeating Group to act as a clickable, synchronized thumbnail gallery (Absolute game-changer for E-commerce product pages!).

  • :mobile_phone: Vertical Scroll: Flip the axis and build TikTok/Reels style vertical feeds.

  • :triangular_ruler: Custom Breakpoints: Set different rules for Mobile, Tablet, and Desktop (e.g., 1 slide on mobile, 3 on desktop) without duplicating elements.

  • :computer_mouse: Desktop Power: Let users navigate using their Mousewheel or Keyboard arrows.

  • :bar_chart: Visual Indicators: Add a sleek, animated Progress Bar.

  • :high_voltage: Performance Tools: Built-in Lazy Loading for images and “Free Mode” for continuous, momentum-based scrolling.

:hammer_and_wrench: How to use it?

It takes 10 seconds.

  1. Put your Repeating Group and GlideFlow in the same container.

  2. Give your RG an ID Attribute (e.g., mySlider).

  3. Paste that ID into the GlideFlow plugin and you’re done!

:link: Link to Demo: HERE

:link: Link to the PRO Plugin Page: HERE

:link: Link to the Free Plugin Page: HERE

I hope this helps you build better UIs faster!

Let me know your thoughts, feedback, or any feature requests below. If you build something cool with it, drop a screenshot! :backhand_index_pointing_down::clinking_glasses: