Real product films.
Editable motion.
Turn real browser workflows into editable product films. Start with the new Excalidraw motion promo, voiced by ElevenLabs George with an original score. Compare five finished films and choose your production option. The four earlier films retain the original Jarvis wordmark. Penpot remains an unverified recipe.
Pick a preview
Compare the finished films, then choose the treatment for your own workflow.
5 films
Excalidraw — narrated motion promo
Product film · 48s · 1920×1080 · 30fpsLess explaining. More clarity. Masked titles, a perspective reveal, directed camera moves and the saved diagram brought into motion. Includes ElevenLabs narration and an original instrumental score.
About the app. An open-source whiteboard for hand-drawn diagrams. See an idea become three connected steps, then save its native editable scene.
Made with Taskfilm. Kept the complete real browser take, matched six measured narration cues and animated the actual saved geometry. After Effects-style HTML/SVG treatment, with editable source and a scored Taskfilm end card.
Excalidraw — original product promo
Product film · 45s · 1920×1080 · 30fpsDraw three stages, connect the diagram and save its native editable scene. Compare this earlier cut with the narrated motion treatment above.
About the app. An open-source whiteboard for hand-drawn diagrams.
Made with Taskfilm. Recorded the task, checked the native export and added kinetic type, a perspective entrance and a readable final hold.
drawDB — narrated feature lesson
Feature lesson · 72s · 1920×1080 · 30fpsA narrated project-tracker lesson: two tables, a foreign key and a PostgreSQL SQL export.
About the app. A database diagram editor and SQL generator. It does not run your production database.
Made with Taskfilm. Retained the real tables and SQL, included original open-model narration and aligned the browser task to the spoken instructions. Capture speed decisions are retained in the editable evidence.
Taskboard — directed product film
Product film · 31s · 1920×1080 · 30fpsA scored product-film study with camera moves, a click on the beat, result lift, recap cards and a held end card.
About the app. The original account-free Taskfilm sample: write a task, save it, mark it complete and filter the result.
Made with Taskfilm. Captured 14 successful actions and four result assertions. Retained the source take, motion decisions, synthesized score and the checked legacy audio repair in the project download.
Motion lab — type, SVG and depth
Motion graphics · 24s · 1920×1080 · 30fpsAn original animation study: masked type, vector drawing, shape interpolation, perspective and an animated wordmark. Deliberately silent.
About the app. This original Taskfilm study demonstrates HTML/SVG motion graphics without browser footage.
Made with Taskfilm. Four editable HyperFrames scenes are included with the sample. Native Adobe After Effects .aep support is outside this release.
Choose how to make your film
| Option | What you can make |
|---|---|
| Recorded feature lesson | Teach a real task with readable clicks, captions and a retained result. Preview the drawDB lesson. |
| Directed product film | Kinetic titles, perspective reveals, camera moves, a result hold and a scored end card. Preview Excalidraw and the Taskboard film. |
| After Effects-style motion | Editable HTML/SVG animation: masked type, drawn paths, shape interpolation and depth. Preview the motion lab. Native Adobe .aep import is not supported. |
| OSS walkthrough | Bind a pinned repository to an actual task, native export, fit and limitation. |
| Portrait reel | Compose for 9:16 social video, or use the product-film kit's portrait layout. Landscape and portrait recipes are included. |
Voice and music. Bring narration from ElevenLabs or another provider as an audio file. The product-film kit accepts your licensed WAV score or its original synthesized music. Provider generation runs separately from the local CLI.
Read the production recipes · Compare previews and source projects
Try it locally
Python 3.10+, FFmpeg/FFprobe and Chromium. Rendering also needs Node.js 22+.
python -m pip install '.[browser,motion]' python -m playwright install chromium taskfilm doctor taskfilm capture check taskfilm init demo
Run these commands from the extracted source. The README includes the capture, story and render recipes. The sample needs no account or API key.
Installable Python wheel0.4 MB ↗Python source distribution0.4 MB ↗Standalone source and current recipes0.5 MB ↗Narrated Excalidraw editable project — supply your own score3.6 MB ↗Original Excalidraw and drawDB takes, native results and projects29.5 MB ↗Taskboard source take, directed project and synthesized score6.8 MB ↗