home

Showcase

Made with Lumiose

Complete apps from the examples folder, each built with lumiose build and published here as static files. Start your own with the getting started guide.

Every rendering mode

Each route picks how it renders, and the same components work in all four.

mode = static

Static

Prerendered at build time to plain HTML files, with staticPaths for params.

Running: Long Way Round

client:load · idle · visible

Islands

Only interactive components hydrate, with serializable props and slots. This site is static, with islands for the search, the playground and the landing's light.

Running: This site

mode = server

Server

Rendered per request and streamed: the shell first, then each Suspense boundary.

Running: Bookshelf (source)

mode = spa

SPA

Client navigation with persistent layouts, where an app needs it, prerendered for a real first render.

Running: Lumiose Chip, Dotmatrix

Apps

  • Lumiose Chip spa-chiptune

    A chiptune tracker in the browser: an SPA with a persistent layout, an AudioWorklet engine, keyboard-driven editing and a strict Content Security Policy.

    • mode = spa
    • router
    • signals
    • CSP

    Open the appSource (opens in a new tab)

  • Dotmatrix spa-dotmatrix

    A pocket chiptune studio for the four channels of the Game Boy sound chip: a piano roll, presets and sound effects, rendered by the gbapu engine in a Web Worker.

    • mode = spa
    • router
    • .md imports
    • Web Worker

    Open the appSource (opens in a new tab)

Demos

Smaller samples with placeholder content, to read alongside their code.

  • Long Way Round ssg-travel-journal

    A static travel journal from Markdown posts: prerendered pages, tags and pagination, an RSS feed, a search island and cross-document View Transitions.

    • mode = static
    • .md imports
    • islands
    • View Transitions

    Open the demoSource (opens in a new tab)

  • Vite counter vite-counter

    The smallest setup: @lumiose/vite in a plain Vite app, with a counter and a todo list built from signals and scoped styles.

    • @lumiose/vite
    • signals
    • .stsx

    Open the demoSource (opens in a new tab)

  • Bookshelf ssr-bookshelf

    A server-rendered book catalogue with accounts, reviews and a reading list on SQLite: streaming SSR, form actions that work without JavaScript, and islands. It needs a Node server, so it does not run here.

    • mode = server
    • form actions
    • islands
    • adapter-node

    Source (opens in a new tab)