EDITORIAL COVER — NOT AN UPSTREAM RENDER
Shot recipe

Hello World Browser Demo

A Webreel example that records a scripted browser flow (hello-world) to MP4. Reuse the example project; Apache-2.0. Preview is the docs-public MP4 (examples/*/videos are Git LFS pointers).

What you’re reusing

An individual shot or motion implementation. Adapt it to your scene and timeline.

Make it your own

  1. Inspect the actual source.

    Open the linked artifact and its project instructions. Check the required runtime, inputs, and upstream terms.

  2. Adapt the content and visual direction.

    Use the replacement notes above. Bring your own copy, data, assets, and branding; match the timing to your story.

  3. Preview, render, and review.

    Follow the upstream render workflow. Check framing, typography, audio, and output before publishing.

Review & sources 3

Source and documentation review is separate from installation and render testing.

Webreel — repository license2026-10-27

Inspected Apache-2.0 repository license. Third-party dependencies and supplied media require their own terms.

Read reviewed source
Webreel — additional example sources (hello-world / form-filling / keyboard-shortcuts / page-scrolling)2026-10-27

On 2026-10-27 reviewed example directories under examples/{hello-world,form-filling,keyboard-shortcuts,page-scrolling} and matching docs public videos under apps/docs/public/examples/videos/. Repository SPDX Apache-2.0 (S-CV-046). examples/*/videos/*.mp4 are Git LFS pointers (131-byte text); hotlink the docs public copies instead. Did not install or render.

Read reviewed source
Webreel — docs-public MP4/GIF gallery previews (enrich + new)2026-10-27

HEAD 200 on 2026-10-27 for custom-theme.mp4 (602066), drag-and-drop.mp4 (901223), mobile-viewport.mp4 (178891), hello-world.mp4 (869374), form-filling.mp4 (1161156), keyboard-shortcuts.mp4 (3221641), page-scrolling.mp4 (5646100). Content-Type application/octet-stream from raw.githubusercontent.com; Range samples returned MP4 ftyp. Hotlink only; do not copy into catalog. Not a local render test.

Read reviewed source

Keep exploring.

The full index ↗
Shot recipe

Custom Cursor and Keystroke HUD

A code-editor browser demo with a custom SVG cursor and a dark monospace keystroke overlay for developer-tool walkthroughs. Reuse the local page and scripted clicks; replace the cursor, HUD theme, interface, selectors, and timing.

WebreelSource reviewed
Shot recipe

Kanban Drag and Drop

A scripted kanban-board demo showing cards moving between columns for task managers and workflow tutorials. Reuse the example page and drag steps; adapt card content, selectors, destinations, and pauses to your interface.

WebreelSource reviewed
Shot recipe

Mobile Menu and Scroll

A portrait browser walkthrough at a 390 by 844 viewport with menu opening, dismissal, and scrolling for mobile web demos and onboarding clips. Reuse the local interface and action sequence; replace the page, selectors, viewport, and timing.

WebreelSource reviewed