What is Tesslate Studio?
Tesslate Studio is an open-source, AI-powered development platform that lets you build complete web applications using natural language. Describe what you want to build, and AI agents generate production-ready code with live preview, all running in isolated containers. You can use it on our cloud platform at tesslate.com or self-host it on your own infrastructure with Docker or Kubernetes.AI Code Generation
Generate React components and full applications from natural language
using four specialized AI agent types
Live Preview
See your application running in real-time with instant hot module
replacement inside isolated containers
Multi-Agent System
Choose from StreamAgent, IterativeAgent, ReActAgent, and TesslateAgent,
each optimized for different tasks
Marketplace
Discover and install AI agents, templates, and project bases from the
community
Key Features
Full-Stack Code Generation
Full-Stack Code Generation
Generate complete React/TypeScript applications including components, state management, API integrations, and styling with Tailwind CSS. AI agents can read, write, and edit files, execute shell commands, and fetch web content. Multi-container projects let you run frontend, backend, and database services together.
Instant Live Preview
Instant Live Preview
Every change (AI-generated or manual) is instantly reflected in a live browser preview with hot module replacement. Each project runs in an isolated container environment with its own dev server, so projects never interfere with each other.
Interactive Chat Interface
Interactive Chat Interface
Chat with AI agents using natural language to describe features, request changes, or debug issues. Messages stream in real-time via SSE. Agents request approval before executing potentially risky operations like shell commands, and you can toggle between “Ask” and “Edit” modes.
Project Templates and Bases
Project Templates and Bases
Start from scratch, import from GitHub, or use pre-built bases with configured tech stacks and best practices. Support for multi-container monorepo projects with frontend, backend, and database containers.
Architecture Visualization
Architecture Visualization
Visualize your project architecture with React Flow diagrams showing container dependencies, connections, and live browser previews. Drag and drop containers to build your stack visually.
Git Integration
Git Integration
Import repositories from GitHub, GitLab, or Bitbucket. Edit code and commit changes directly from the platform with full OAuth integration. Track sync status and manage branches without leaving the editor.
Flexible Deployment
Flexible Deployment
Deploy to Vercel, Netlify, or Cloudflare Pages with a few clicks. Self-host the entire platform with Docker for development or Kubernetes for production. Projects can also run in managed cloud at tesslate.com.
Credits and Marketplace
Credits and Marketplace
A multi-source credit system (daily, bundled, signup bonus, and purchased credits) keeps costs predictable. Browse and install agents and bases from the marketplace. Creators earn 90% of revenue from their published agents.
Technology Stack
| Layer | Technologies |
|---|---|
| Frontend | React 19, TypeScript, Vite, Tailwind CSS, Monaco Editor, XYFlow |
| Backend | FastAPI, Python 3.11, SQLAlchemy, Pydantic |
| Database | PostgreSQL (asyncpg) |
| AI/LLM | LiteLLM gateway supporting OpenAI, Anthropic, Google, Ollama, and 100+ models |
| Containers | Docker Compose (development), Kubernetes (production) |
| Storage | AWS S3 / MinIO for project file storage |
| Routing | Traefik (Docker mode), NGINX Ingress (Kubernetes mode) |
| Payments | Stripe subscriptions and credit purchases |
How It Works
Create a Project
Start with a blank template, import from GitHub, or use a pre-built base from the marketplace. Your project gets its own isolated container environment.
Chat with AI
Describe what you want to build in plain English. The AI agent generates complete, working code. It can create files, install packages, run commands, and iterate on its own work.
See It Live
Your application runs instantly in a live preview with hot module replacement. Changes appear immediately as files are created or modified.
What You Can Build
Tesslate Studio is great for:- Landing Pages: Create beautiful, responsive marketing sites
- Web Applications: Build full-featured SaaS applications with React + Vite
- Full-Stack Apps: Multi-container projects with frontend, backend, and database
- Dashboards: Generate data visualization and admin panels
- E-commerce: Create shopping experiences and product catalogs
- Portfolios: Build personal websites and project showcases
- Prototypes: Rapidly prototype ideas and validate concepts
- API Services: Backend containers with FastAPI, Express, Go, or any framework
Deployment Options
Cloud Hosted
Use our managed cloud platform at tesslate.com. No setup required. Sign up and start building.
Self-Hosted
Deploy on your own infrastructure with Docker or Kubernetes. Full control over your data, AI models, and configuration.
Next Steps
Quickstart Guide
Get up and running in 5 minutes
Create Your First Project
Learn how to create and manage projects
Explore Agents
Understand AI agents and how to use them
Browse Marketplace
Discover agents, bases, and templates