Vibes

Component sandbox

Use your AI agent to build sava-ui components here. Each component compiles to a standalone web component you can drop into any page — zero React at runtime.

How it works

  1. 1.Paste a prompt below into your agent chat.
  2. 2.The agent scaffolds the component, compiles it to a web component, and opens the preview page.
  3. 3.Toggle between the React source and the compiled web component to compare.
  4. 4.Keep prompting to iterate on the component — rebuild any time.

Starter prompts

Build a new vibes component called {component-name}

Rebuild {component-name}

Update {component-name} to {describe the change}, then rebuild it