# Reflow — Responsive Design for Bubble.io

> Reflow is a Chrome extension that lets you edit responsive layouts in Bubble.io visually. It auto-saves conditionals, copies styles across breakpoints, adds CSS animations with zero code, and offers AI-powered full-page analysis.

## What it does
- Edit responsive properties (font size, padding, width, visibility) directly in Bubble's editor
- Reflow automatically creates the corresponding Bubble conditionals
- Copy responsive styles from one element to all siblings in one click
- 27 CSS animations (hover, entrance, loop, text) — applied per-element with live preview
- AI-powered analysis: takes real screenshots and uses Claude Vision to detect and fix layout issues

## Who it's for
- Bubble.io developers who spend too much time writing responsive conditionals manually
- Agencies building Bubble apps that need pixel-perfect mobile layouts
- Solo builders who want professional responsive design without the tedium

## Plans
- Free: 50 responsive elements/month, auto-save conditionals, copy styles, session tracking, undo
- Pro ($5/mo): Unlimited elements, all CSS animations, AI full-page analysis, Claude Vision corrections

## Links
- Website: https://reflow.website
- Privacy policy: https://reflow.website/privacy
- Terms of service: https://reflow.website/terms