SnapFrame

SnapFrame captures website animations and converts them into structured keyframe sequences that AI models can understand and reproduce. **How It Works** 1. Click the SnapFrame icon on any webpage 2. Choose a trigger mode: auto-scroll (captures the page top to bottom) or manual (you control the interaction) 3. Press Start Recording -- SnapFrame captures frames at your chosen FPS 4. When you stop, SnapFrame's differencing engine analyzes every frame and extracts only the keyframes where meaningful visual change occurred 5. Download a ZIP package containing sequenced PNG frames, a metadata.json with timing and easing data, and a ready-to-use AI prompt **What You Get** Each export contains: - Sequenced PNG keyframes (frame_001.png, frame_002.png, ...) - metadata.json with timestamps, change deltas, estimated easing curve, and capture settings - prompt.txt -- a pre-written prompt you can paste directly into ChatGPT, Claude, or any AI assistant along with the keyframe images **Key Features** - Smart keyframe extraction: only keeps frames where real visual change happened, not hundreds of duplicate frames - Easing detection: automatically estimates whether the animation uses linear, ease-in, ease-out, or ease-in-out timing - Configurable FPS (4-30) and scroll speed (1-10) - Two trigger modes: auto-scroll for scroll-based animations, manual for hover/click interactions - Recording history with re-download support - Region selection for capturing specific parts of a page - Lightweight: zero impact on pages until you start recording - Dark UI that stays out of your way **Who Is This For?** - Developers who want to recreate animations they see on the web - Designers capturing animation references for handoff - AI/ML practitioners building training datasets of web animations - Anyone who wants to reverse-engineer how a website animation works **Privacy** SnapFrame processes everything locally in your browser. No data is sent to any server. Captured frames never leave your machine unless you explicitly export and share them.