Docs
Screenshot inventory
Captured screenshots and animated media used by the docs site.
Overview
All screenshots live in docs/learn/assets/images. They were captured from the running app at http://localhost:8001/ using a headless browser during this documentation update.
Captured images
| Filename | Purpose |
|---|---|
dashboard-projects.png | Dashboard library view with real projects, tags, version counts, and play actions |
new-project-step-1.png | Project identity, tags, colour badge, and optional password setup |
new-project-step-2.png | Extraction strategy and preset selection |
new-project-password.png | Password protection fields and warning copy |
project-details-versions.png | Project details plus version history and download actions |
editor-main.png | Updated full editor layout showing the frame strip, editable canvas, and blur region panel on the M365 Health example |
editor-manual-blur.png | Updated M365 Health frame showing one manual blur region plus AI-generated email-address regions |
editor-region-panel.png | Right-side blur region controls for the refreshed M365 Health example, including AI PII classification pills plus Forward and Onwards actions |
editor-ai-token-usage.png | AI token usage card from the refreshed M365 Health example after a GPT-4.1 detection run |
editor-title-frame-modal.png | Insert title frame modal |
editor-title-frame-editor.png | Title frame editor with live preview and configuration tabs |
editor-title-colours-tab.png | Title frame editor with the Colours tab selected |
editor-title-typography-tab.png | Title frame editor with the Typography tab selected |
editor-title-effects-tab.png | Title frame editor with the Effects tab selected |
editor-title-timing-tab.png | Title frame editor with the Timing tab selected |
editor-preview-mode.png | Full editor preview mode showing the rendered blur output on the updated M365 Health frame |
dashboard-dark-theme.png | Dashboard in dark theme |
dashboard-light-theme.png | Dashboard in light theme |
dashboard-system-theme.png | Dashboard in system theme |
queue-live.png | Real-time encode queue page with an active job and visible progress bar |
editor-encoded-gif.png | Post-encode editor modal showing the newly generated GIF plus download and version-history actions |
home-hero-demo.gif | Homepage animated demo loop showing the GIF Creator workflow in motion |
Capture notes
When refreshing these screenshots, prefer projects with real sample data so the docs reflect a production-like experience rather than an empty state.