Framework Examples

Litestar Vite supports a wide variety of frontend frameworks. This section provides working examples for each supported framework.

React

React 18+ with Vite

React

Vue

Vue 3 with Composition API

Vue

Svelte

Svelte 5 with Vite

Svelte

Angular

Angular 18+ (Vite or CLI)

Angular

Inertia.js

SPAs with server-side routing

Inertia.js

HTMX

Hypermedia-driven applications

HTMX

Meta-Frameworks

Nuxt

Universal Vue 3 SSR framework

Nuxt

SvelteKit

Full-stack Svelte framework

SvelteKit

Astro

Content-focused multi-framework SSG/SSR

Astro

Real-World Example

Litestar Fullstack

Production-ready fullstack application template using Litestar, Vite, and React. Demonstrates authentication, team management, type-safe routing, and best practices.

https://github.com/litestar-org/litestar-fullstack

Quick Scaffold

Use the CLI to scaffold any framework:

# React (SPA)
litestar assets init --template react

# React with routing (new in v0.15)
litestar assets init --template react-router
litestar assets init --template react-tanstack

# Vue
litestar assets init --template vue

# Svelte
litestar assets init --template svelte

# Angular (Vite-based)
litestar assets init --template angular

# Angular CLI (traditional)
litestar assets init --template angular-cli

# HTMX
litestar assets init --template htmx

# Meta-frameworks
litestar assets init --template nuxt
litestar assets init --template sveltekit
litestar assets init --template astro

# With Inertia.js
litestar assets init --template react-inertia
litestar assets init --template vue-inertia
litestar assets init --template svelte-inertia  # New in v0.15

Framework Comparison

Framework	Source Dir	Dev Server	Inertia Support	Best For
React	src/	Vite + HMR	Yes	SPAs, complex UIs
Vue	src/	Vite + HMR	Yes	SPAs, progressive enhancement
Svelte	src/	Vite + HMR	Yes	Lightweight SPAs
Angular	src/	Vite (Analog)	No	Enterprise apps
Angular CLI	src/	ng serve	No	Standard Angular workflow
HTMX	src/	Vite + HMR	No	Server-rendered, minimal JS
Nuxt	pages/	Nuxt dev	No	Universal SSR, auto-routing
SvelteKit	src/routes/	SvelteKit dev	No	Full-stack Svelte, SSR
Astro	src/pages/	Astro dev	No	Static sites, islands architecture