teta.so
Sign in

Introduction

Teta is an AI-powered app builder purpose-built for SvelteKit. Describe what you want in plain English, edit visually with point-and-click controls, or write code directly in a full VS Code environment — all in a single browser tab. Your app runs in a cloud sandbox, backed by Supabase for database and auth, and deploys to Vercel with one click.

Three Editing Modes

Teta gives you three ways to build, and you can switch between them at any time.

Chat Editor

Type a message like "Add a pricing section with three tiers" and the AI builds it. Powered by Claude, the chat editor understands your full project context — file structure, installed packages, database schema — and writes production-quality SvelteKit code. You can attach images for reference, approve or reject individual tool calls, and run multiple chats in parallel for different parts of your app.

Visual Editor

Click any element in the live preview to select it. A properties panel appears on the right with controls for spacing, typography, sizing, colors, and borders. Changes are applied instantly and persisted to your project. This mode is ideal for design tweaks: adjusting padding, changing a font size, fixing alignment. No prompts, no code — just click and edit.

Code Editor

A full VS Code instance runs in your browser with file tree, terminal, git integration, and extension support. This is the same editor you use locally, but connected to your cloud sandbox. Use it for complex logic, debugging, installing packages, or any task where you need direct file access.

Who Is Teta For?

Teta is built for three overlapping audiences:

  • SvelteKit developers who want AI-assisted workflows without leaving their framework. Teta generates idiomatic SvelteKit code with proper routing, server-side rendering, and Svelte 5 runes.
  • Technical founders and indie hackers who need to ship fast. Describe features in chat, wire up a database, add auth, and deploy — all in one session.
  • Non-technical builders who have ideas but not engineering backgrounds. The chat editor handles the code; the visual editor handles the design. You focus on what your app should do.

Why SvelteKit?

Teta is SvelteKit-first by design. Here is why:

  • Performance — SvelteKit compiles to minimal JavaScript with no virtual DOM. Your apps load fast and score well on Core Web Vitals out of the box.
  • Simplicity — Svelte's syntax is close to plain HTML, CSS, and JavaScript. AI models generate cleaner, more reliable code compared to heavier frameworks.
  • Full-stack — SvelteKit handles routing, server-side rendering, API endpoints, and form actions in a single framework. No separate backend setup required.
  • Modern standards — Built on Vite, ES modules, and web platform APIs. The tooling is fast and the developer experience is excellent.

Key Capabilities

Beyond the three editing modes, Teta provides a complete development and deployment platform:

  • Cloud sandboxes — Every project runs in an isolated E2B sandbox with its own file system, Node.js runtime, and network access. Nothing runs on your local machine.
  • One-click deploy — Ship to Vercel directly from the editor. Custom domains, environment variables, and production builds are handled automatically.
  • Supabase integration — Connect a Supabase project for Postgres database, row-level security, user authentication (email, OAuth, magic links), and real-time subscriptions. The AI can create tables, write migrations, and set up auth flows through chat.
  • AI image generation — Generate images directly in chat using the built-in MCP tool. Describe what you need and the AI creates and places the image in your project.
  • Console and logs — A bottom panel shows build output, runtime errors, and service logs in real time. Debug issues without switching tabs.
  • Multi-language support — The interface is available in 6 languages. Paraglide i18n is pre-configured for building multilingual apps.

Next Steps

FAQ

What exactly is Teta?

Teta is an AI-powered web application builder focused on SvelteKit. It combines a chat interface (powered by Claude), a visual point-and-click editor, and a full VS Code environment in a single browser-based tool. You can build, test, and deploy complete web applications without installing anything locally.

Is Teta free to use?

Teta offers a free tier for getting started. You can create projects, use the chat editor, and preview your apps at no cost. Paid plans unlock additional features like custom domains, increased sandbox hours, and priority AI access. Check teta.so for current pricing.

Does Teta only support SvelteKit?

Today, Teta is SvelteKit-first. The AI, tooling, and templates are optimized specifically for SvelteKit and Svelte 5. Support for additional frameworks like React and Next.js is planned for the future after the core SvelteKit experience reaches maturity.

Do I need to know how to code to use Teta?

No. The chat editor lets you describe what you want in plain English, and the AI writes the code. The visual editor lets you adjust design properties without touching code. That said, knowing some basics of HTML, CSS, or JavaScript will help you understand what the AI builds and guide it more effectively.

How is Teta different from Bolt, Lovable, or Cursor?

Teta differs in three ways. First, it is SvelteKit-native — not a generic code generator that happens to support Svelte. Second, it combines three editing modes (chat, visual, code) in one interface, so you are never locked into a single workflow. Third, it includes a full VS Code editor and terminal, giving you the same power as a local development setup when you need it. Bolt and Lovable focus on chat-only generation. Cursor is a local IDE without visual editing or one-click deploy.