Examples

Self-contained examples that each include their own HTML page, config file, and README. Clone the repo and run any example:

cd examples/hello-world
webreel record

hello-world

Source

Minimal setup that opens a page and clicks a button.

form-filling

Source

Types into fields with realistic timing and submits a login form.

keyboard-shortcuts

Source

Presses key combos and displays them in the keystroke HUD.

drag-and-drop

Source

Drags cards between columns on a kanban board.

page-scrolling

Source

Scrolls a page and within a sidebar container.

screenshots

Source

Captures PNG screenshots at different points during a recording.

gif-output demo

gif-output

Source

Produces an animated GIF instead of the default MP4.

webm-output

Source

Produces a WebM video using VP9 encoding.

custom-theme

Source

Customizes cursor SVG, size, and HUD appearance.

mobile-viewport

Source

Records at mobile dimensions with Retina scaling.

multi-demo

Source

Multiple demos in one config, each producing its own video.

shared-steps

Source

Reusable setup steps via include that run before every demo.

modifier-clicks

Source

Clicks with Cmd and Shift held down for multi-select.