Manta Make
Describe what you want to build and watch it come to life — an AI-powered browser IDE with live preview
Manta Make is an internal technology demo. Because it executes arbitrary code in the browser, access is limited to the Careful Dream team.
About Manta Make
Manta Make is a browser-based development environment that pairs an AI chat assistant with a full code editor and live preview. Describe an application in plain English and the AI generates working React code, installs dependencies, and renders a live preview — all without leaving the browser.
Built on a Go backend with streaming LLM integration and a React frontend powered by Sandpack, Manta Make demonstrates how conversational AI can accelerate the entire prototyping workflow from idea to interactive demo in seconds.
Key Features
Conversational Code Generation
Chat with an AI assistant that writes, modifies, and refactors React components based on your descriptions.
Live Preview
See your application update in real time as the AI generates code. The Sandpack-based preview compiles and renders instantly.
Integrated Code Editor
Browse and edit files directly with syntax highlighting, a file tree, and tabbed navigation — no external tools needed.
Streaming Responses
AI responses stream in token-by-token with a visible typing indicator, so you always know work is in progress.
Workspace Persistence
Save and load workspaces with full file and chat history. Shareable URLs let you pick up exactly where you left off.
Context Awareness
A context usage bar tracks token consumption and offers conversation compaction to keep long sessions productive.
How It Works
- 1Describe what you want to build in the chat panel — "Create a todo app with drag-and-drop"
- 2The AI generates complete React components, styles, and dependencies in real time
- 3Switch to Preview to see your app running live, or Code to inspect and tweak files
- 4Iterate by chatting — ask for changes, new features, or bug fixes and watch them apply instantly
- 5Save your workspace to preserve files and conversation for later
Under the Hood
Backend
Go server with SSE streaming, SQLite workspace storage, and an OpenAI-compatible LLM proxy that works with GPT-4o and Claude models.
Frontend
React + TypeScript with TailwindCSS. Sandpack provides the in-browser bundler and preview runtime for generated code.
Artifact System
A custom streaming parser extracts file actions from the AI response and applies them to the editor in real time.
Deployment
Dockerized multi-stage build deployed to Docker Swarm via Gitea Actions CI/CD pipeline.
What We've Built With It
Rapid Prototypes
Turn a napkin idea into a clickable demo in minutes
UI Experiments
Test layouts, animations, and component designs interactively
Learning Tool
Explore React patterns by asking the AI to explain and demonstrate
Interested in AI-Powered Development Tools?
Manta Make is an internal demo, but we build custom AI-integrated tools for teams. Let's talk about what we can create for you.
Contact Sales