Tonpit UI Capture
Extension Actions
- Live on Store
Capture website UI and interactions for cinematic animation
Turn any website into an animation-ready blueprint.
Point and click to capture any element or full page. Get clean HTML with
exact colors, fonts, spacing, and icons — no coding needed.
FEATURES
• Element selection or full-page capture
• Clean optimized HTML output (~5-15KB)
• Auto font detection (even obfuscated framework names)
• Inline images & SVG icons
• Capture history with copy/download
• One-click clipboard (HTML or JSON)
PERFECT FOR
→ Motion designers creating cinematic animations
→ Designers capturing reference UIs
→ Developers documenting design systems
→ Content creators exporting UI for video
HOW IT WORKS
1. Click the Tonpit icon
2. Select an element or capture full page
3. Copy or download
4. Use in Tonpit to generate animated videos
All processing happens on your device. No data leaves your browser.