Examples

Modern apps, almost no dependencies.

Each example is its own Cloudflare Worker package in the examples monorepo. The apps use Native Fragments, platform APIs, and focused 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