Elysia Playground – Frontend Demos

React SPA · Mantine UI

Classic React single‑page app using Mantine, Clerk, and client‑side routing.

SPA

Stack React · Vite · Mantine UX Dashboard‑style, rich components

SvelteKit app · file‑based routing

SvelteKit front‑end with server‑side rendering and island hydration.

SSR

Stack Svelte · SvelteKit Routing File‑based, server + client

HTMX pages · progressive enhancement

Server‑rendered HTML with HTMX for interactive, hypermedia‑driven UX.

HTML‑first

Stack HTMX · Tailwind (or utility CSS) Model server‑rendered, small sprinkle of JS

Vanilla JS · zero frameworks

Pure HTML, CSS & JavaScript – no build step, no dependencies beyond Clerk.

No‑framework

Stack HTML · CSS · ES modules Model client‑side fetch, zero build