The problem
Want to change a font size on mobile? You can't just change it — you need to create a conditional, pick the breakpoint, set the property, type the value. For every. Single. Element.
How it works
Use Bubble's responsive mode as always. Select the breakpoint you want to design for — 320px, 768px, any.
Change font sizes, paddings, widths, visibility — whatever you need. Just edit the element properties like you do in design mode.
Every change you make is automatically captured and saved as a proper Bubble conditional. No manual rule writing. Switch back to design mode and they're all there.
Free tier
Every responsive change is captured in real time. Edit and forget — Reflow handles the conditionals.
Applied responsive styles to one card? Copy them to all siblings in one click.
Something broke? Undo all changes in one click and start fresh.
See every element you edited, which breakpoints, which properties. Full visibility.
Not a gimmick. Reflow takes real screenshots of your page and Claude AI Vision reviews every pixel to catch layout issues.
AI analyzes your entire page structure and generates all responsive conditionals automatically.
A headless browser renders your actual page. AI Vision sees what your users would see — not an approximation.
Detects overflow, text too large, cards that don't stack, broken navigation, and fixes them.
Changes are applied live in Bubble. Don't like them? Discard and revert to the original instantly.
Pricing
100 elements per month free. Upgrade for unlimited elements, animations and AI.
Free
100 elements / month
AI Pro
per month, billed monthly
FAQ
Join hundreds of Bubble developers shipping faster with Reflow.
Download for Chrome — Free