Select any element in your running app, describe what you want changed, and let AI apply it to your source code. No design tools. No handoff. Just describe and ship.
From selection to source code — no design tools, no handoff documents, no copy-paste.
Click any element in your live app to select it. FoldBack detects the component, CSS selector, and current styles automatically.
Type what you want changed — "make the hero darker", "increase padding", "swap to a grid layout". No mockups needed.
Claude Code picks up the queue, reads your component source, applies the change, runs tests, and marks it done.
Generate a shareable link for stakeholders. They review the change and leave feedback — approve, reject, or request changes.
Works with Vue, React, Angular, and Svelte. Detects components from the DOM — no plugins or build-step integration needed.
One script tag. That's it. Add the SDK to your app and select elements directly from your running development server.
Point FoldBack at your project directory. It scans your components, detects your framework, finds routes, and connects to your dev server.
Browse your live app in the Preview tab or add the SDK to your app. Click any element, type a quick note describing the change, and hit Submit for Review.
Run /foldback-queue in Claude Code. It fetches pending items, reads each component file, applies the design changes, runs your tests, and marks items as done.
Send changes for stakeholder feedback with a shareable link. Once approved, the changes are already in your code — just commit and deploy.
Sign in to start using FoldBack, or join the waitlist to get notified.