Skip to main content

​
Overview

The App Block generates interactive web applications and prototypes. You describe what you want and the block produces a working interactive app (HTML/CSS/JS). Output is live and interactive right on the canvas. Once it’s live, you can prompt it again to refine or extend functionality without ever leaving your canvas. The App block has specific variations for common use cases: Prototype Block — A variation specifically tuned for interactive prototypes. Takes a product description, screenshot, or PRD and generates a working clickable prototype. Good for testing ideas, getting stakeholder feedback, and rapid iteration. Landing Page Block — A variation specifically tuned for landing page generation. Produces styled, responsive landing pages from a product description or brief. Good for testing positioning, generating marketing pages, and exploring different design directions.

​
How to Use

  1. Add an App Block — Click on the canvas → Select “App Block”
  2. Describe Your App — Type a natural-language prompt or pass in data from another block
  3. Choose your model — Choose the model you’d like to run
  4. Test and Refine — Interact with your app, then prompt again (e.g. “Add a download button” or “Change background color to black”)

​
Example Workflows

  • Prototype Builder → Prompt: “Create an interactive pricing calculator” → Refine with additional logic and styling
  • Data Visualization Tool → Connect a Table Block → Prompt: “Visualize this data as a bar chart”
  • Creative App → Connect an Image Block → Prompt: “Turn this into a color-matching game”
  • Utility Generator → Prompt: “Build a simple CSV-to-JSON converter” → Test and export
  • Landing Page → Prompt: “Create a landing page for a project management SaaS” → Iterate on positioning and design
  • Clickable Prototype → Upload a screenshot or PRD → “Generate a working clickable prototype of this product”