Skip to content

Project Templates

Tarsk scaffolds new projects from official framework templates. Click New App on the welcome screen to browse and create from a template.

  1. Click New App on the welcome screen.
  2. Choose a template from the list.
  3. Give the project a name.
  4. Click Create.

Tarsk runs the framework’s official scaffold command, initialises a git repository, and registers the project. Each template also generates an AGENTS.md with framework-specific conventions the AI agent follows automatically.

Ionic-based Angular starters:

TemplateDescription
Ionic ListStarting project with a list
Ionic BlankBlank starter project
Ionic Side MenuStarting project with a side menu
Ionic TabsStarting project with a tabbed interface
Angular StarterOfficial Angular standalone starter (via ng new)
TemplateDescription
Vite ReactStarter React + TypeScript project via Vite
Vite Plus ReactReact + TypeScript via Vite Plus
Ionic ListIonic-based starting project with a list
Ionic BlankIonic blank starter
Ionic Side MenuIonic starting project with a side menu
Ionic TabsIonic starting project with a tabbed interface
TemplateDescription
Next.jsOfficial Next.js starter via create-next-app
TemplateDescription
Vite VueStarter Vue project via Vite
Vite Plus VueVue project via Vite Plus
Ionic ListIonic-based starting project with a list
Ionic BlankIonic blank starter
Ionic Side MenuIonic starting project with a side menu
Ionic TabsIonic starting project with a tabbed interface
TemplateDescription
NuxtOfficial Nuxt starter via create-nuxt
TemplateDescription
Vite SvelteStarter Svelte project via Vite
Vite Plus SvelteSvelte project via Vite Plus
Svelte MinimalOfficial minimal Svelte starter
Svelte DemoSvelteKit demo starter
Svelte LibrarySvelteKit library starter
Ionic SvelteCommunity Svelte + Ionic starter
TemplateDescription
Vite Solid (TS)Solid + TypeScript starter via Vite
Vite Solid (JS)Solid + JavaScript starter via Vite
Vite Plus SolidSolid + TypeScript via Vite Plus
TemplateDescription
Vite PreactStarter Preact project via Vite
Vite Plus PreactPreact project via Vite Plus
TemplateDescription
Vite LitStarter Lit project via Vite
Vite Plus LitLit project via Vite Plus
TemplateDescription
Vite QwikStarter Qwik project via Vite
Vite Plus QwikQwik project via Vite Plus
TemplateDescription
AstroOfficial Astro starter via create-astro
TemplateDescription
WakuOfficial Waku starter via create-waku
TemplateDescription
BasicBasic TanStack Start project
AuthTanStack Start with authentication
CounterTanStack Start with a counter example
React QueryTanStack Start with React Query integration
Clerk AuthTanStack Start with Clerk authentication
SupabaseTanStack Start with Supabase integration
TrellauxTanStack Start with Trellaux (kanban) example
Material UITanStack Start with Material UI
TemplateDescription
TailwindHydrogen starter with Tailwind CSS
VanillaHydrogen starter with Vanilla Extract
CSS ModulesHydrogen starter with CSS modules
Post CSSHydrogen starter with PostCSS
TemplateDescription
Vite Web (TS)Vanilla TypeScript project via Vite
Vite Web (JS)Vanilla JavaScript project via Vite
Vite Plus WebVanilla TypeScript project via Vite Plus
TemplateDescription
Capacitor PluginOfficial Capacitor plugin starter

Each template generates an AGENTS.md with framework-specific coding conventions. The agent follows these conventions automatically in every conversation.

After creating a project: