Preview

Preview shows your app running live inside the App builder. Use it to test your work in real time as you build.

Preview is the default tab when you open an app in the App builder. It shows your app running live — you can interact with it exactly as your users will, and any change the Riff agent makes appears instantly without you needing to refresh.

What you see

A full-height frame showing your app in its current state. While it connects you'll see the Riff loading screen briefly. Once ready, the app is fully interactive.

How to use it

Test as a user would. Click buttons, fill in forms, navigate between pages. If something looks wrong, you've caught it before your team or customers see it.

Changes appear immediately. The Riff agent's edits hot-reload into Preview. You don't need to save or refresh — what you see is always current.

Notes

Preview shows the development version of your app — not the deployed (production) version. Deploying is a separate step. See Deploy.