FreeMotion

Details

External ID

46732672

Source

HN

Company

—

Product

FreeMotion

Website domain

freemotion.dev

Launched

Jan. 23, 2026

Cohort

—

Upvotes

8

Upvotes percentile

0.41699604743083

Tags

—

Fetched at

Sept. 7, 2026, 9:25 p.m.

Updated at

Sept. 7, 2026, 9:25 p.m.

Description

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.

• Source listing
• Website