Script, automate, and capture high-res browser videos for portfolios, docs, and demos. No manual recording. No screen capture tools. Just config and go.
Features
Define scrolls, clicks, and waits in a JSON config. Plonk handles the smooth animations and precise timing.
Same config, same video. Every time. Ship a UI update? Re-render your demos in seconds, not hours.
High resolution. Configurable frame rates. Smooth scroll animations. Your work looks as good as it actually is.
Your configs are just files. Commit them to git. Diff them. Automate batch renders in CI.
Point Plonk at localhost, staging, or production. Capture authenticated flows by passing cookies.
Standard web-optimized MP4 files. Add voiceover, splice clips, or upload directly. No proprietary formats.
How It Works
Define what you want to capture, and Plonk does the rest.
{
"plonk": {
"url": "https://example.app/",
"displayUrl": "example.app/wow",
"size": "large",
"showChrome": false,
"hideControls": true
},
"actions": [
{ "type": "enter", "position": { "x": 0.7, "y": 0.4 }, "steps": 30 },
{ "type": "wait", "duration": 300 },
{ "type": "scrollToText", "text": "target this text" },
{ "type": "wait", "duration": 500 },
{ "type": "clickText", "text": "ss02" },
{ "type": "wait", "duration": 500 },
{ "type": "click" },
{ "type": "wait", "duration": 500 },
{ "type": "scrollToText", "text": "and now this text" },
{ "type": "wait", "duration": 500 },
{ "type": "clickText", "text": "ss01" }
]
}Join the waitlist. We'll let you know when Plonk is ready.