Online
🏆

Lesson complete!

Welcome to Blue Print

Design · Build · Launch

Design a mobile app, program it with blocks, preview it, and download it as a real app file. New here? The Academy takes you from an empty screen to a shipped app.

Digital Vector

Data source

Edit the table below — click any cell to change it. Data Viewers and the Data Sources blocks read from this.

Build with AI

Describe the app you want. A model running on this computer designs it, and Blue Print builds the screens, the components and the blocks. Nothing is uploaded and there is no API key.

Checking…
Downloading the model…
No engine available.

In this browser needs WebGPU — Chrome or Edge 113+, or Safari 18+. On an old machine or a locked-down browser it will not be there.

Or run Ollama on this computer:
  1. Install it from ollama.com.
  2. Pull a model: ollama pull llama3.1 (or qwen2.5-coder).
  3. Blue Print runs from a file, so let it in:
    OLLAMA_ORIGINS=* ollama serve
    Windows: set OLLAMA_ORIGINS to * in Environment Variables, then restart Ollama.

Every control in Blue Print

Hover any button to see this again. Shortcuts work while the Design tab is open.

Projects

Projects in the list below are kept in this browser, on this device. To keep a project outside the browser — to back it up, move it to another computer or share it — use Save As to write it to a JSON file, and Restore to open one back up.

Templates

Ready-made starter apps. Click one to open it — it loads straight onto your canvas, fully designed and wired, so you can preview it and start editing right away.

App settings

These travel with your project and are baked into the app you download.