Skip to main content
Explore examples showcasing different features and use cases for webreel. Each example includes complete configuration files and detailed explanations.

Getting Started

Hello World

The simplest possible webreel example with basic click interactions

Form Filling

Type into form fields with realistic typing speed and delays

Interactions

Drag and Drop

Drag elements between positions on a kanban board

Keyboard Shortcuts

Press key combinations and display them in the keystroke HUD

Page Scrolling

Scroll the page and scroll within specific container elements

Customization

Custom Theme

Customize cursor appearance and keystroke HUD styling

Mobile Viewport

Record at mobile device dimensions with touch interactions

Output Formats

Screenshots

Capture PNG screenshots at specific points during recording

GIF Output

Export recordings as animated GIFs for GitHub and documentation

WebM Output

Export recordings as WebM videos with VP9 encoding

Running Examples

All examples are available in the webreel repository. Clone the repo and run any example:
git clone https://github.com/anomalyco/webreel.git
cd webreel/examples/hello-world
webreel record

Build docs developers (and LLMs) love