FreeMotion – Browser-based Remotion editor with site scraping record
Hello HN, 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…
What it does
In the maker’s words, at launch
Hello HN, 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.
Does the same job
all alternatives →- AVA visual HTML5 animation editor in your browser2014 · animatron.com · ▲295
More dev tools this month
the category →
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 1d ago · opentrailpaper.com
Launched alongside, January 2026
the whole month →- IN
Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc
AI · Jan 2026 · cannoneyed.com
Automatic AI-powered code reviews the moment you open a PR
Dev tools · Jan 2026 · kilo.ai
