--- title: "#remotion articles | Hashnode" description: "Explore 18 articles tagged #remotion on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/remotion" --- Tag # #remotion 18 posts · 0 followers [Alex Patterson](https://hashnode.com/@CodingCatDev) · [8h ago](https://hashnode.com/posts/post-14-open-source-repos-code-driven-video-how-we-built-3d-aj/6af85837285272fcb1c23a71) ### [The 14 Open-Source Repos Powering Code-Driven Video in 2026: How We Built 3D AJ the Cat](https://codingcatdev.hashnode.dev/post-14-open-source-repos-code-driven-video-how-we-built-3d-aj?utm_source=hashnode&utm_medium=feed) Why viral 'one-prompt' AI videos are actually 9,500-character production harnesses backed by deterministic frame functions, closed-form springs, and contact-sheet critique loops. Here is the full architectural breakdown of all 14 open-source repos... 18 min read · [codingcatdev.hashnode.dev](https://codingcatdev.hashnode.dev/post-14-open-source-repos-code-driven-video-how-we-built-3d-aj?utm_source=hashnode&utm_medium=feed) [Homingo Learn](https://hashnode.com/@homingolearn) · [Nov 2](https://hashnode.com/posts/remotion-claude-code-render-1080x1920-reels-and-shorts-from-a-spec/6ae889a654a2ce6e0775ff9e) ### [Remotion + Claude Code: render 1080x1920 reels and Shorts from a spec](https://homingolearn.hashnode.dev/remotion-claude-code-render-1080x1920-reels-and-shorts-from-a-spec?utm_source=hashnode&utm_medium=feed) Set up Remotion for vertical 1080x1920 video, drive every shot from a JSON spec with Claude Code, review stills, render and check the file with ffprobe. 8 min read · [homingolearn.hashnode.dev](https://homingolearn.hashnode.dev/remotion-claude-code-render-1080x1920-reels-and-shorts-from-a-spec?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/remotion-claude-code-render-1080x1920-reels-and-shorts-from-a-spec/6ae889a654a2ce6e0775ff9e) [Letsdap](https://hashnode.com/@letsdap) · [Nov 1](https://hashnode.com/posts/how-we-use-claude-and-elevenlabs-to-make-apple-style-how-to-videos/6ae6879bf132a417a84a687d) ### [How We Use Claude and ElevenLabs to Make Apple-Style How-To Videos](https://letsdap.hashnode.dev/how-we-use-claude-and-elevenlabs-to-make-apple-style-how-to-videos?utm_source=hashnode&utm_medium=feed) Three days, two videos, about 30 corrections, and the reusable prompt we ended up with 17 min read · [letsdap.hashnode.dev](https://letsdap.hashnode.dev/how-we-use-claude-and-elevenlabs-to-make-apple-style-how-to-videos?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/how-we-use-claude-and-elevenlabs-to-make-apple-style-how-to-videos/6ae6879bf132a417a84a687d) [Leo](https://hashnode.com/@billionverify) · [Oct 24](https://hashnode.com/posts/product-videos-as-code-voiceover-timed-storyboards-rendered-with-remotion/6adc4103acd7f1e57881cf8c) ### [Product Videos as Code: Voiceover-Timed Storyboards Rendered with Remotion](https://billionverify.hashnode.dev/product-videos-as-code-voiceover-timed-storyboards-rendered-with-remotion?utm_source=hashnode&utm_medium=feed) Why we build launch videos from your screenshots instead of generated footage, and how the timing works 8 min read · [billionverify.hashnode.dev](https://billionverify.hashnode.dev/product-videos-as-code-voiceover-timed-storyboards-rendered-with-remotion?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/product-videos-as-code-voiceover-timed-storyboards-rendered-with-remotion/6adc4103acd7f1e57881cf8c) [呂笙](https://hashnode.com/@fypzo) · [Oct 21](https://hashnode.com/posts/how-i-break-down-a-viral-tiktok-into-a-reusable-template-for-about-2-cents/6ad85fd7f9ed188f0a797e00) ### [How I break down a viral TikTok into a reusable template for about 2 cents](https://fypzo.hashnode.dev/how-i-break-down-a-viral-tiktok-into-a-reusable-template-for-about-2-cents?utm_source=hashnode&utm_medium=feed) Shot detection first, the LLM second, and Remotion templates instead of generated code 5 min read · [fypzo.hashnode.dev](https://fypzo.hashnode.dev/how-i-break-down-a-viral-tiktok-into-a-reusable-template-for-about-2-cents?utm_source=hashnode&utm_medium=feed) [Nex Tools](https://hashnode.com/@nextools) · [Apr 22](https://hashnode.com/posts/building-a-content-factory-with-claude-code-remotion/69e8ab86610bb252d52ba6f6) ### [Building a Content Factory with Claude Code + Remotion](https://nextools.hashnode.dev/building-a-content-factory-with-claude-code-remotion?utm_source=hashnode&utm_medium=feed) Target: Hashnode (nextools.hashnode.dev), tech platform only Author: Nextools Hub Canonical: Hashnode (this will be the canonical URL) DEV.to copy: use same content, new intro, canonical → Hashnode Tags: claude-code, automation, remotion, nodejs, con... 7 min read · [nextools.hashnode.dev](https://nextools.hashnode.dev/building-a-content-factory-with-claude-code-remotion?utm_source=hashnode&utm_medium=feed) [Kazutaka Sugiyama](https://hashnode.com/@kazutakadev) · [Feb 26](https://hashnode.com/posts/ai-pipeline-github-repos-to-demo-videos/699ff489c9015c37f6eb1f81) ### [How I Built an AI Pipeline That Turns GitHub Repos into Demo Videos](https://kazutakadev.hashnode.dev/ai-pipeline-github-repos-to-demo-videos?utm_source=hashnode&utm_medium=feed) Orchestrating Gemini, Flux.2, OpenAI TTS, and Remotion Lambda to auto-generate promo videos from source code 7 min read · [kazutakadev.hashnode.dev](https://kazutakadev.hashnode.dev/ai-pipeline-github-repos-to-demo-videos?utm_source=hashnode&utm_medium=feed) [Tech Insights Hub](https://hashnode.com/@JohnMikes) · [Feb 12](https://hashnode.com/posts/remotion-video-generation-programmatic-videos-with-react/698db51f6863fa4245c39877) ### [Remotion Video Generation: Programmatic Videos with React](https://topperblog.hashnode.dev/remotion-video-generation-programmatic-videos-with-react?utm_source=hashnode&utm_medium=feed) Remotion Video Generation: Programmatic Videos with React The Problem I Spent Weeks Solving Last quarter, our team faced this exact challenge. Here's what we learned. Table of Contents Why Traditional Approaches Fail Modern Solution Overview 5 Imp... 2 min read · [topperblog.hashnode.dev](https://topperblog.hashnode.dev/remotion-video-generation-programmatic-videos-with-react?utm_source=hashnode&utm_medium=feed) [Dishant Sharma](https://hashnode.com/@dishant0406) · [Feb 7](https://hashnode.com/posts/higgsfield-vibe-motion-review/6987ab62e06d9119043df45a) ### [Higgsfield Vibe Motion: Real Talk on AI Motion Graphics](https://dishantsharma.hashnode.dev/higgsfield-vibe-motion-review?utm_source=hashnode&utm_medium=feed) Higgsfield Vibe Motion uses Claude AI for real-time motion graphics. Fast but not perfect. Honest review of features, workflow, and whether it beats others. 6 min read · [dishantsharma.hashnode.dev](https://dishantsharma.hashnode.dev/higgsfield-vibe-motion-review?utm_source=hashnode&utm_medium=feed) [masaya ohsugi](https://hashnode.com/@masaya135) · [Feb 6](https://hashnode.com/posts/automated-video-generation-n8n-remotion-server/6985f4bc83dcfec8a7882d9d) ### [Automated Video Generation with n8n and Remotion: Server Setup Guide](https://ai-workflow.hashnode.dev/automated-video-generation-n8n-remotion-server?utm_source=hashnode&utm_medium=feed) Learn how to build an automated video generation server using n8n, Remotion, and Express on a VPS. A complete guide on server setup, caching strategies, and 6 min read · [ai-workflow.hashnode.dev](https://ai-workflow.hashnode.dev/automated-video-generation-n8n-remotion-server?utm_source=hashnode&utm_medium=feed)