---
url: https://lit-ui-router.dev/examples/live.md
description: >-
  The lit-ui-router example apps no tutorial or guide page embeds, each running
  live
---

# Live examples

The examples no tutorial or guide page embeds yet, each running live. The
Preview tab runs the built app this site serves; the Edit in StackBlitz tab
boots an editable workspace installed from the published npm packages. The
[examples index](/examples/) lists every example and the page that embeds it.

## Hello World (No Build)

The same starter in plain JavaScript: an import map to a CDN, no TypeScript and no build step. [Facets and links](/examples/#hello-world-no-build).

The Hello World (No Build) example: [source on GitHub](https://github.com/simshanith/lit-ui-router/tree/main/examples/helloworld-buildless), [open in StackBlitz](https://stackblitz.com/github/simshanith/lit-ui-router/tree/main/examples/helloworld-buildless?file=public%2Fmain.js).

## Hello Solar System (Signals)

The same tour with `lit-ui-router-signals` and `@lit/context`: a provided unit signal, the consumed router. [Facets and links](/examples/#hello-solar-system-signals).

The Hello Solar System (Signals) example: [source on GitHub](https://github.com/simshanith/lit-ui-router/tree/main/examples/hellosolarsystem-signals), [open in StackBlitz](https://stackblitz.com/github/simshanith/lit-ui-router/tree/main/examples/hellosolarsystem-signals?file=src%2Fmain.ts).

## Hello Galaxy (Effect)

The same explorer rebuilt on Effect: typed resolve inheritance, state-scoped fibers, and interruptible loads. [Facets and links](/examples/#hello-galaxy-effect).

The Hello Galaxy (Effect) example: [source on GitHub](https://github.com/simshanith/lit-ui-router/tree/main/examples/hellogalaxy-effect), [open in StackBlitz](https://stackblitz.com/github/simshanith/lit-ui-router/tree/main/examples/hellogalaxy-effect?file=src%2Fmain.ts).

## Hello Galaxy (Signals)

The same explorer with both Lit signal bindings: a star chart shared by nested views, route-driven crumbs. [Facets and links](/examples/#hello-galaxy-signals).

The Hello Galaxy (Signals) example: [source on GitHub](https://github.com/simshanith/lit-ui-router/tree/main/examples/hellogalaxy-signals), [open in StackBlitz](https://stackblitz.com/github/simshanith/lit-ui-router/tree/main/examples/hellogalaxy-signals?file=src%2Fmain.ts).