spite/ccapture.js

Health v2 · maintenance only

Adoption not part of the score

3765 stars · 405 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A JavaScript library that captures canvas-based animations at a fixed framerate by replacing the browser's clock with a virtual one, producing perfectly smooth video exports regardless of render speed. It supports modern encoders (WebCodecs) and formats like MP4, WebM, GIF, PNG, and JPG, with GPU motion blur.

Use cases

• export a canvas animation as a smooth 60fps video
• record WebGL/WebGPU scenes to MP4 or WebM
• capture creative coding sketches as GIFs
• add motion blur to exported canvas animations
• record animations deterministically at fixed framerate regardless of render performance
• capture 4K frames that render slowly into flawless 60fps video

When to choose

• you need deterministic, fixed-framerate video exports from canvas/WebGL animations
• your render loop is slower than real time but you still want smooth output
• you want motion blur and modern encoders like WebCodecs in the browser
• you want minimal code changes to an existing requestAnimationFrame loop

When to avoid

• you need to capture the whole screen or DOM, not just a canvas
• you need real-time recording of live user interaction rather than deterministic playback
• you need server-side video encoding outside the browser

Facets

library · maturity active

video-processing image-processing web-development graphics media browser canvas webgl webgpu webcodecs motion-blur fixed-framerate video-export gif webm mp4 creative-coding javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="spite/ccapture.js")