41 TypeScript templates
Build TypeScript apps with AI
Web, desktop and mobile from one language. Start from the official starter of the framework you already use — or from a SaaS base with Supabase auth and Stripe already wired — and build the rest by conversation, with a real terminal and a live preview beside the chat.
The TypeScript templates
Start opens the New Web App dialog with the template picked — you set the stack, design, model and MCP tools there.
Next.js
- Next.js
App Router, TypeScript, Tailwind and ESLint — the create-next-app defaults.
- Pure Blank (Next.js)
Next.js 15 + TypeScript + Tailwind + all shadcn/ui + device shells + theme — cloned from the ready base template. A complete, clean slate to build on.
- NewAgentsHub Blank
Full-stack starter: Supabase auth + DB + Stripe + all shadcn UI + AI SDK + MCP, device (mobile/tablet/desktop) versions, runtime resource helpers (agents/teams/knowledge), .env.local auto-fill, and 1-click GitHub + Vercel deploy — cloned from the ready base template, blank pages to build on.
- SaaS (recommended)
Full-stack SaaS: Supabase auth + DB (RLS) + Stripe billing + all shadcn + TanStack Query + a marketing landing + analytics dashboard + AI SDK + MCP — cloned from the ready base template.
- SaaS (no payments)
The SaaS base without Stripe: Supabase auth + DB (RLS) + storage + all shadcn + TanStack Query + a marketing landing + analytics dashboard + AI SDK + MCP, with no billing, checkout or pricing — cloned from the ready base template.
- AI app
Full-stack AI: Supabase auth + DB + Stripe + a full-bleed streaming AI chat (history persisted) + pgvector RAG + multi-provider AI SDK + MCP + all shadcn — cloned from the ready base template.
- Personal Agent (MCP)
A persistent, Hermes-style personal agent that uses the MCP servers you connect: an in-app MCP Servers page (add any server + per-tool filtering), agent memory + skills + scheduled automations, on Supabase + AI SDK — cloned from the ready base template.
Vite
- Vite + React
React 19 and TypeScript on Vite. A fast SPA with no server.
- Vite + Vue
Vue 3 and TypeScript on Vite.
- Vite + Svelte
Svelte and TypeScript on Vite, without SvelteKit’s routing.
- Vite + Solid
SolidJS and TypeScript on Vite.
- React AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
Bootstrap
- Bootstrap
A multi-page Bootstrap 5 site: home, about, contact with validation, light and dark modes.
- Bootstrap SaaS Dashboard
Sign-in with Supabase, a Chart.js overview, an items table and settings. Runs in demo mode until you connect Supabase.
Desktop — Electron
- NewAgentsHub Desktop
A complete desktop starter: settings, themes, secure storage, notifications and file access, in the NewAgentsHub colours.
- Electron + React
A desktop app: React and TypeScript in the window, electron-vite and electron-builder.
- Electron + Vue
A desktop app with Vue 3 and TypeScript in the window.
- Electron + Svelte
A desktop app with Svelte and TypeScript in the window.
- Electron + Vanilla
A desktop app with plain TypeScript, no UI framework.
- Desktop AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
- Electron + React AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
- Electron + Vue AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
- Electron + Svelte AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
- Electron + Vanilla AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
Mobile — Expo and Capacitor
- Expo (iOS, Android, Web)
React Native with Expo Router and tabs, in TypeScript. One codebase for Android, iOS and the web.
- Expo Tabs
An Expo Router app with a bottom tab bar and a modal screen.
- Expo Blank
One screen and nothing else: the smallest Expo app, in TypeScript.
- Capacitor + Vite
A web-first mobile app: React on Vite with Capacitor haptics and share, built for Android and iOS.
- Expo AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
- Capacitor AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
SvelteKit
- SvelteKit
The minimal SvelteKit skeleton with TypeScript and no add-ons.
- SvelteKit AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
Nuxt
- Nuxt
The Nuxt 4 starter — file-based routing and a Nitro server.
- Nuxt AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
Astro
- Astro
The empty Astro starter. Static by default; add an adapter for a server.
- Astro Blog
Astro’s official blog starter — content collections, Markdown and RSS.
- Astro AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
React Router
- React Router
React Router v7 in framework mode — loaders, actions and SSR.
- React Router AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
Angular
- Angular
The Angular CLI default workspace — standalone components and routing.
- Angular AI SaaSAI SaaS
An AI SaaS dashboard: landing, Supabase sign-in, AI chat with history, MCP tools and knowledge search.
Every TypeScript project gets
- A cloud sandbox with a live preview of the running app
- A real terminal with 15 coding CLIs — Claude Code, Codex, Cursor CLI, Gemini CLI and more
- AI on your own keys from 24 providers, billed by the provider at cost
- Its own GitHub repository from the first push
Where it can go
Web apps deploy to Vercel from the same window. Electron starters build Windows, macOS and Linux installers on your GitHub account. Expo and Capacitor starters build Android and iPhone apps with the store files ready, and Expo's web version deploys to Vercel too.
Questions
Can I build a TypeScript app with AI?
Yes. Pick one of 41 TypeScript templates — Next.js, Vite, SvelteKit, Nuxt, Astro, Angular, Electron and Expo — and describe what you want. The builder writes the code in a cloud sandbox with a live preview and a real terminal, using your own AI provider key.
Where can I deploy a TypeScript app built here?
Web apps deploy to Vercel from the same window. Electron starters build Windows, macOS and Linux installers on your GitHub account. Expo and Capacitor starters build Android and iPhone apps with the store files ready, and Expo's web version deploys to Vercel too.
What happens when I press Start?
You sign up — or, if you are already signed in, go straight on — and the New Web App dialog opens with that template picked. Set the name, stack, design, model and MCP tools there, then press Create.
Do I own the code?
Yes. The project is pushed to your own GitHub repository, and you can open a terminal on it at any point.
Start your TypeScript app
7 days free, no card. Plans from $8 a month for the sandbox — AI is billed by your provider, at cost.
Pick a template