Small, runnable examples of Fluixi — each is a self-contained app you can
open on StackBlitz or run locally. They pin the published @fluixi/*
packages on the alpha dist-tag.
| Example | Mode | Syntax | What it shows |
|---|---|---|---|
spa-jsx |
SPA (Vite) | JSX | Client-only counter in JSX |
spa-html |
SPA (Vite) | html`` | Same app, JSX-free html `` templates (.ts) |
spa-mixed |
SPA (Vite) | JSX + html`` | Both syntaxes in one file |
ssr-jsx |
SSR (@fluixi/start) |
JSX | Server-rendered, file routing, hydration |
ssr-html |
SSR (@fluixi/start) |
html`` | Same, authored in html `` |
ssr-mixed |
SSR (@fluixi/start) |
JSX + html`` | JSX home route + html `` about route |
vanilla-core |
Vite | html`` | Just @fluixi/core — signals, memo, store, effect, component rendering; no router/SSR |
pnpm install
pnpm --filter spa-jsx dev # or spa-html / spa-mixed / vanilla-core
pnpm --filter ssr-jsx dev # SSR apps use the `fluixi` CLI (dev/build/start)Each example is also standalone — cd examples/<name> && npm install && npm run dev works without
the workspace.
Fluixi compiles both JSX and tagged html templates to the same fine-grained DOM calls. Use JSX if you already configure it in `tsconfig`; use html for JSX-free plain-.ts code; mix
them freely. The html`` examples don't set jsxintsconfigand include@fluixi/ts-plugin` for
in-editor template support. See the docs.