Transform screen recordings into polished videos with tap animations and device frames. Perfect for app demos, tutorials, and social media content.
- Automatic tap detection - Uses computer vision (OpenCV.js) to detect tap/click interactions in screen recordings
- Tap animations - Add visual feedback (ripple, pulse, glow, ring, dot) to highlight user interactions
- Device frames - Wrap your video in realistic device bezels with gradient backgrounds
- Smart camera - Auto-zoom and follow taps for a cinematic feel
- Fast export - Hardware-accelerated encoding via WebCodecs API
- 100% browser-based - All processing happens locally, no uploads required
- React + Vite
- TailwindCSS
- OpenCV.js (tap detection)
- WebCodecs API (fast video encoding)
- mp4-muxer / webm-muxer (video container creation)
# Install dependencies
npm install
# Start dev server
npm run dev
# Build for production
npm run build- Upload a screen recording
- Detect taps automatically or add them manually
- Customize the look - choose device frame, background, animation style
- Export as MP4 or WebM
The app analyzes video frames to find grey circular tap indicators (like iOS/Android accessibility features), then renders each frame with your customizations applied.
Requires a modern browser with WebCodecs support (Chrome 94+, Edge 94+). Falls back to slower encoding on unsupported browsers.
MIT