Skip to content

Bubble plugin · Interface

The Bubble Repeating Group to snap plugin in Next.js

CSS scroll snapping on the repeating group.

Converts

By The deBub teamUpdated

On this page

01What it becomes

CSS scroll snapping on the repeating group. The repeating group’s cells snap into place when scrolled, with the same orientation, alignment and padding, using CSS scroll snap.

No extra npm package: the generated code uses React, Next.js and browser APIs only.

02What converts

  • Container, padding, orientation and alignment

03About this plugin

Repeating Group to snap.

Questions

Does the Repeating Group to snap plugin work outside Bubble?
Not as it is: Bubble plugins only run inside Bubble. In a Next.js app it is replaced by generated code — CSS scroll snapping on the repeating group.
Will my Repeating Group to snap settings carry over?
Yes. deBub reads the plugin’s settings, conditions and workflows from your .bubble export and converts all of the plugin’s parts. Secret keys are the exception: you add them as environment variables.

The deBub team

We build the Bubble → Next.js compiler behind deBub. Spotted something out of date? Write to hello@debub.io.

All 45 plugins

AirAlert

Airdev

Toast notifications from a small browser helper

Converts

A React component that ships with your app

Converts

A React component that ships with your app: drag/drop groups and drop areas

Partly converts · 3 of 4 parts

A React component that ships with your apps for Airdev Canvas

Partly converts · 18 of 21 parts

Leave Bubble.
Keep building.

The scan is free and shows your exact price. No card needed until you choose to generate.

Start with a free scan