Templates
Starter templates
Pick a runnable starting point — React single-page apps, static sites, or Express APIs — then describe what to change. Filter by category, framework and difficulty.
Every template is a real set of files with documented dependencies. Previews show the actual file tree and source — there are no screenshots or mock-ups.
- Framework: Vite + React + TypeScriptDifficulty: intermediateFeatured
AI chat interface
A chat UI that posts the conversation to a backend endpoint you configure. No provider keys in the browser.
- react
- ai
- chat
- assistant
- tailwind
12 files
- Framework: Vite + React + TypeScriptDifficulty: intermediateFeatured
Analytics dashboard
A responsive dashboard layout with sidebar navigation, stat cards, and a data table.
- react
- dashboard
- tailwind
- table
9 files
- Framework: Vite + React + TypeScriptDifficulty: intermediateFeatured
Ecommerce storefront
A product catalog with category filters and search, product detail view, and a cart kept in local state.
- react
- ecommerce
- cart
- catalog
- tailwind
13 files
- Framework: Vite + React + TypeScriptDifficulty: beginnerFeatured
React starter
A clean React + TypeScript + Tailwind single-page app. The default target for AI generation.
- react
- typescript
- tailwind
- vite
- spa
9 files
- Framework: Vite + React + TypeScriptDifficulty: intermediateFeatured
SaaS starter
Marketing pages, sign-in and sign-up screens, and an authenticated app area with a mocked session you replace with real auth.
- react
- saas
- auth
- multi-page
- tailwind
18 files
- Framework: Static HTML/CSS/JSDifficulty: beginnerFeatured
Static website
Plain HTML, CSS, and JavaScript with no build step. Ideal for simple sites and learning.
- html
- css
- javascript
- static
4 files
- Framework: Vite + React + TypeScriptDifficulty: intermediate
Admin panel
A CRUD members table with search, sortable columns, pagination, and validated create/edit forms.
- react
- admin
- crud
- table
- forms
12 files
- Framework: Vite + React + TypeScriptDifficulty: intermediate
CRM pipeline
Contacts table plus a five-stage deal pipeline board with inline stage changes, all persisted locally.
- react
- crm
- pipeline
- kanban
- tailwind
14 files
- Framework: Vite + React + TypeScriptDifficulty: beginner
Developer portfolio (React)
A one-page portfolio with a tag-filtered project grid, about section, and a mailto contact form.
- react
- portfolio
- personal-site
- tailwind
10 files
- Framework: Node.js + ExpressDifficulty: intermediate
Express REST API
A TypeScript Express API with routing, validation, and an in-memory store you can swap for PostgreSQL.
- node
- express
- api
- typescript
- backend
5 files
- Framework: Static HTML/CSS/JSDifficulty: beginner
Landing page (static)
A single-page HTML landing page with sticky nav, hero, features, pricing, FAQ, and an email capture form.
- html
- css
- landing
- marketing
- static
4 files
- Framework: Vite + React + TypeScriptDifficulty: beginner
Mobile app shell
A phone-first layout with a sticky top bar, four tab screens, and a bottom navigation bar.
- react
- mobile
- pwa
- bottom-nav
- tailwind
13 files
- Framework: Static HTML/CSS/JSDifficulty: beginner
Multi-page blog
A plain HTML and CSS blog with a post index, two example posts, and an about page. No build step.
- html
- css
- blog
- multi-page
- static
7 files
- Framework: Vite + React + TypeScriptDifficulty: intermediate
Operations dashboard
A dark service-health dashboard with SVG sparklines, status indicators, and a filterable incident table.
- react
- dashboard
- monitoring
- charts
- dark-mode
11 files
- Framework: Static HTML/CSS/JSDifficulty: beginner
Personal portfolio
A single-page portfolio with projects grid and contact section. No build step.
- html
- css
- portfolio
3 files
- Framework: Vite + React + TypeScriptDifficulty: beginner
Product landing page
A conversion-focused landing page with hero, features, pricing, and FAQ sections.
- react
- landing
- marketing
- tailwind
9 files
- Framework: Node.js + ExpressDifficulty: intermediate
Structured Express API
A notes REST API split into router, middleware, and store modules, with logging, error handling, and search.
- node
- express
- api
- rest
- typescript
8 files
- Framework: Vite + React + TypeScriptDifficulty: beginner
Todo, kanban and notes
A productivity app with a todo list, a drag-and-drop kanban board, and a notes editor sharing one local dataset.
- react
- todo
- kanban
- notes
- productivity
14 files
Start from a template
Create a free account, pick a starter, and ask the AI agent to turn it into your app.