A blank page. An AI that builds the world in real time.
BLANK is an AI-assisted creation environment — describe what you want, the AI generates the code and renders it instantly in an integrated sandbox. Canvas games, websites, interactive tools, generative art, stories, dashboards — anything goes.
| Mode | Type | Description |
|---|---|---|
| 🎮 Game | Canvas JS | 2D game with physics, enemies, particles |
| ✦ Experience | Canvas JS | Interactive animation or visual experience |
| ◈ Generative Art | Canvas JS | Generative art, fractals, simulations |
| ◻ Website | HTML | Full website or landing page |
| ⬡ UI / Component | HTML | Interface, component, or design system |
| ▦ Dashboard | HTML | Dashboard, charts, analytics UI |
| ⚙ Tool | HTML | Interactive tool, calculator, editor |
| ◉ Story / Narrative | HTML | Interactive story, visual novel |
| ◈ Portfolio | HTML | Portfolio or showcase page |
| · Other | HTML | Anything else |
| Provider | Key | Notes |
|---|---|---|
| OpenRouter | OPENROUTER_API_KEY |
Access to all models (GPT, Claude, Gemini, DeepSeek…) |
| Cerebras | CEREBRAS_API_KEY |
Ultra-fast inference, free models |
| Groq | GROQ_API_KEY |
Very fast, free |
| OpenAI | OPENAI_API_KEY |
GPT-4o, GPT-4.1, o4-mini |
| Anthropic | ANTHROPIC_API_KEY |
Claude Haiku / Sonnet / Opus |
| Gemini | GEMINI_API_KEY |
Gemini Flash / Pro |
You only need keys for the providers you actually want to use.
git clone https://github.com/your-user/blank-game.git
cd blank-game
npm install
cp .env.local.example .env.local
# edit .env.local and add your keys
npm run devOpen http://localhost:3000.
- Next.js 15 (App Router)
- TypeScript
- Tailwind CSS
- Isolated iframe sandbox for generated code execution
See DEPLOY.md for the full deployment guide (Vercel, environment variables, etc.).
Une page vide. Une IA qui construit le monde en temps réel.
BLANK est un environnement de création assisté par IA — tu décris ce que tu veux, l'IA génère le code et l'affiche instantanément dans un sandbox intégré. Jeux canvas, sites web, outils interactifs, art génératif, histoires, dashboards — tout est possible.
| Mode | Type | Description |
|---|---|---|
| 🎮 Game | Canvas JS | Jeu 2D avec physique, ennemis, particules |
| ✦ Experience | Canvas JS | Animation ou expérience visuelle interactive |
| ◈ Generative Art | Canvas JS | Art génératif, fractales, simulations |
| ◻ Website | HTML | Site complet ou landing page |
| ⬡ UI / Component | HTML | Interface, composant, design system |
| ▦ Dashboard | HTML | Dashboard, charts, analytics |
| ⚙ Tool | HTML | Outil interactif, calculatrice, éditeur |
| ◉ Story / Narrative | HTML | Histoire interactive, visual novel |
| ◈ Portfolio | HTML | Portfolio ou page de présentation |
| · Other | HTML | Tout le reste |
| Provider | Clé | Notes |
|---|---|---|
| OpenRouter | OPENROUTER_API_KEY |
Accès à tous les modèles (GPT, Claude, Gemini, DeepSeek…) |
| Cerebras | CEREBRAS_API_KEY |
Inférence ultra-rapide, modèles gratuits |
| Groq | GROQ_API_KEY |
Très rapide, gratuit |
| OpenAI | OPENAI_API_KEY |
GPT-4o, GPT-4.1, o4-mini |
| Anthropic | ANTHROPIC_API_KEY |
Claude Haiku / Sonnet / Opus |
| Gemini | GEMINI_API_KEY |
Gemini Flash / Pro |
Tu n'as besoin que des clés des providers que tu veux utiliser.
git clone https://github.com/ton-user/blank-game.git
cd blank-game
npm install
cp .env.local.example .env.local
# édite .env.local et ajoute tes clés
npm run devOuvre http://localhost:3000.
- Next.js 15 (App Router)
- TypeScript
- Tailwind CSS
- Sandbox iframe isolé pour l'exécution du code généré
Voir DEPLOY.md pour le guide de déploiement complet (Vercel, variables d'environnement, etc.).