Framework Guides

Litestar Vite supports a wide range of frontend runtimes without forcing a single app shape.

UI Frameworks

React

Vite-first React apps with type generation and optional Inertia integration.

React
Vue

Composition API, SSR entrypoints, and current Vite-aligned Vue structure.

Vue
Svelte

Lean Svelte apps with owned templates and current runtime wiring.

Svelte
Angular

Standalone Angular via Vite/Analog plus Angular CLI coverage where you need it.

Angular
HTMX

Server-rendered flows with small JavaScript surfaces and fast iteration.

HTMX

Application Frameworks

Inertia.js

React, Vue, and Svelte server-driven SPA patterns with a dedicated guide and stable v2 protocol support.

Inertia.js
Nuxt

Proxy Nuxt through Litestar in development while preserving a clean API boundary.

Nuxt
SvelteKit

Keep SvelteKit’s app structure while sharing type generation and proxy integration.

SvelteKit
Astro

Use Astro’s static or server output while Litestar owns backend routes and APIs.

Astro

Quick Scaffold

Starter templates
Project scaffolding demo

Use the same CLI to scaffold owned starters for SPA, HTMX, Inertia, and SSR-style framework setups.

litestar assets init --template react
litestar assets init --template vue
litestar assets init --template svelte
litestar assets init --template angular
litestar assets init --template angular-cli
litestar assets init --template htmx
litestar assets init --template react-inertia
litestar assets init --template vue-inertia
litestar assets init --template svelte-inertia
# Template-mode examples: react-inertia-jinja / vue-inertia-jinja
litestar assets init --template astro
litestar assets init --template nuxt
litestar assets init --template sveltekit

Real-World Example

Litestar Fullstack

Production-oriented reference application using Litestar, Vite, and React with authentication, team workflows, and type-safe frontend contracts.

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