Open source · DOM-level session recorder

OpenScrim

"Stop recording pixels, instead capture DOM"

Scrub like a videoFork any momentStructured, AI-readable data
Playground/Live demoPlayback
OPEN EDITOR
Loading...
0:00 / 0:00

Not a screen recording. A data structure.

OpenScrim captures the DOM, not the display — which is what makes playback scrubbable, forkable, and small enough to embed anywhere.

What you care about
OpenScrim
Screen recording
1 hr video, file size
~1 MB
1–2 GB depending on quality
On a 2G connection
Same quality, every time
Quality degrades to stay watchable
Loading & playback
No buffering — events stream in instantly
Buffering happens, especially on slow networks
Interaction
Interactive — toggle between video and editor without leaving the page
Watch only, 100× context switches to keep coding
Teacher vs. student
Same codebase — what they saw is what you can edit
Two codebases — yours and the one they recorded
Time spent
Less time wasted on context switching
More time wasted rewinding and retyping
Sharing one session
Drop a link, done
Upload, wait, share, hope the format works
Whole playlist (100 lessons)
~100 MB
Up to ~20 GB depending on quality

Create Playgrounds

Coding playgrounds videos on Tantrica are powered by VS Code IDE and start within a few seconds. Practice coding while learning for free.

HTML/CSS

Vanilla HTML/CSS/JS playground

React

React playground using Vite

Vue 3

Vue 3 playground using Vite

Solidity

Hardhat based solidity playground

Python

Python 3 playground

Java

Java playground

Golang

Golang playground

Node.js

Node.js 18 playground

C++

C++ playground

C

C playground

Next.js

Next.js 14 playground

Bun

Bun playground