Demos

Complete Workers you can inspect.

The demos are separate packages under apps. Each one has a Worker entrypoint, a route manifest, browser modules, and Node tests.

Analytics Dashboard screenshot

Demo 01

Analytics Dashboard

Server-rendered metrics with hydrated Lit filters and deterministic table summaries.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Nested Routes screenshot

Demo 02

Nested Routes

A settings workspace with parent navigation, child panels, and named fragment slots.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Todo App screenshot

Demo 03

Todo App

Local-first task state, form handling, filters, and a small custom element island.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Theme Switcher screenshot

Demo 04

Theme Switcher

CSS custom properties shared across document styles and server-rendered Shadow DOM.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Lit Counter screenshot

Demo 05

Lit Counter

Lit component state and derived values hydrated from server-rendered Shadow DOM.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Worker Search screenshot

Demo 06

Worker Search

Search and sort 45,716 NASA meteorite landing records in a browser Worker.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Worker API screenshot

Demo 07

Worker API

Native Worker JSON endpoints and server-rendered pages from the same deployment.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Form Wizard screenshot

Demo 08

Form Wizard

Multi-step progressive forms with real links, resumable state, and review output.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Activity Feed screenshot

Demo 09

Activity Feed

Operational feed filters, fragment refreshes, and stable server-rendered timelines.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Content Site screenshot

Demo 10

Content Site

Metadata-rich article routes, a compact index, and fast document-style navigation.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Command Palette screenshot

Demo 11

Command Palette

Keyboard interaction, scoped Shadow DOM styling, and platform-native command search.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points
Met Gallery screenshot

Demo 12

Met Gallery

Deferred HTML streaming: live museum data arrives as fragments on one response.

Cloudflare WorkersHTML streamingModern ESM

Lighthouse

100 Performance
100 Accessibility
100 Best practices
100 SEO

Dependencies

2 ESM entry points