Frontend
User-facing surfaces — SPA, SSR, 3D, and embedded views.
Frontend is how a circle grows a face: `spa` for a client-rendered app, `ssr` for server-rendered pages, `three-d` for 3D scenes, and `view` for an embedded surface inside the workspace. Reach for frontend when humans need to *see and use* what your elements do, not just call them over the API. The build output ships from the element itself, so the UI is versioned alongside the logic behind it.
Capabilities
| "Element" | "access" | "activity" | "analytics" | "asset" | "assets" | "attach" | "attachments" | "batch_stats" | "build" | "build_status" | "compose" | "configure_domain" | "context" | "create" | "create_preview" | "delete" | "detach" | "disable" | "enable" | "export_bundle" | "get" | "get_attached_modifiers" | "import_bundle" | "intention" | "list_attachments" | "navigate" | "preview" | "promote" | "readme" | "readme_update" | "remove-modifier" | "restore" | "schema" | "serve" | "source" | "source_branches" | "source_promote" | "source_repair" | "source_status" | "source_validate" | "stats" | "tree" | "update" | "update_meta" | "version" |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| "Single Page App" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "·" | "·" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "·" | "·" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "·" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" |
| "Server Side Rendered" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "·" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" |
| "3D World" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "·" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "·" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" |
| "View" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" | "✓" |
Elements
- "Single Page App" "Host a custom Single Page Application"
- "Server Side Rendered" "Host a Server-Side Rendered application (Next.js, Nuxt)"
- "3D World" "Build and deploy interactive 3D worlds with Bevy"
- "View" "Define a visual interface for user interaction"