Show HN: FreeMotion – Browser-based Remotion editor with site scraping record(freemotion.dev)
freemotion.dev
Show HN: FreeMotion – Browser-based Remotion editor with site scraping record
https://freemotion.dev
5 comments
Seems great. How do you make it free?
Fair point! We’ve optimized the backend to use very affordable models for the heavy lifting. Since our core infrastructure is already amortized, the cost to run this is actually quite low for us, so we’re happy to keep it free.
I’ve been experimenting with the recent Remotion + Claude Code workflow. While generating video code with LLMs is impressive, the feedback loop felt broken to me. You have to prompt, copy code, set up a local Node environment, install dependencies, and run ffmpeg just to see a 5-second preview.
I built FreeMotion (https://freemotion.dev) to move this entire workflow into the browser.
It is a free, online editor specifically designed to close the loop between "Prompting" and "Rendering".
The core problems I tried to solve:
Environment Friction: Running Remotion locally requires setup. I wanted a zero-config, "paste and play" environment directly in the browser.
The "Generic" Look: LLMs usually generate generic CSS. I built a scraper that extracts computed styles from your live website URL so the video inherits your brand identity automatically.
Asset Management: Instead of juggling OBS or local screenshots, I integrated a recorder/snapshot tool directly into the editor to feed assets to the video.
How it works:
It runs a web-based player for Remotion.
The "Agentic" aspect: It generates optimized system prompts for you to feed Claude/LLMs, ensuring the output code is compatible with the web player.
Styling: It injects your site's color palette and fonts into the React components dynamically.
It’s completely free to use. I built this to make the "text-to-video-code" workflow actually usable for quick iterations.
I’d love to hear your feedback on the CSS extraction accuracy and the editor performance.