Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

New blog post: From Markdown to Video: animated code walkthroughs with Code Hike and Remotion

Rodrigo Pombo

8,406 subscribers

15,490 views • 2 years ago •via X (Twitter)

Comedy Science & Technology Education

Anya Rossi• Live Now

Private livecam show

4 Comments

Rodrigo Pombo2 years ago

The examples, inspired by @delba_oliveira and @mattpocockuk :

Seb ⚛️ ThisWeekInReact.com2 years ago

Need blog RSS feed :)

Rodrigo Pombo2 years ago

Added one really quick let me know if it doesn't work

Magesh ⚡️2 years ago

Amazing

Related Videos

After a year in the making, I'm excited to announce Code Hike 1.0! 🎉 Code Hike bridges the gap between Markdown and React to help you create technical content that takes advantage of the modern web v1.0 introduces two new features: - Fine-grained markdown - Headless codeblocks

After a year in the making, I'm excited to announce Code Hike 1.0! 🎉 Code Hike bridges the gap between Markdown and React to help you create technical content that takes advantage of the modern web v1.0 introduces two new features: - Fine-grained markdown - Headless codeblocks

Rodrigo Pombo

52,421 views • 1 year ago

Built a markdown CMS inspired by Lee Robinson's post. - Convex backend for real-time updates - Netlify hosting with instant deploys - Clean markdown editing experience - Copy as markdown for pages and blog posts Demo + code: Repo: Fork and enjoy.

Built a markdown CMS inspired by Lee Robinson's post. - Convex backend for real-time updates - Netlify hosting with instant deploys - Clean markdown editing experience - Copy as markdown for pages and blog posts Demo + code: Repo: Fork and enjoy.

Wayne Sutton

222,282 views • 6 months ago

Using Remotion on Replit with Claude Code to ship new educational assets

Using Remotion on Replit with Claude Code to ship new educational assets

matt palmer

27,884 views • 5 months ago

If you want to make these animated code snippet videos. Runs is the browser, made with Shiki + Remotion + Mediabunny

If you want to make these animated code snippet videos. Runs is the browser, made with Shiki + Remotion + Mediabunny

Fayaz Ahmed

32,157 views • 1 month ago

Just built a custom Blogging Mode in VS Code using Copilot Chat ✍️ It fixes grammar, structures your post, and even suggests your next blog topic — all in Markdown. What will you use custom chat mode for?

Just built a custom Blogging Mode in VS Code using Copilot Chat ✍️ It fixes grammar, structures your post, and even suggests your next blog topic — all in Markdown. What will you use custom chat mode for?

Visual Studio Code

30,020 views • 11 months ago

3 ideas for videos you can prompt using Claude Code and Remotion!

3 ideas for videos you can prompt using Claude Code and Remotion!

Remotion

241,031 views • 5 months ago

I used Claude Code with the new Remotion skill to create a teaser for the latest Laravel release. The voice is from , and I didn’t code or edit anything myself. It took a few iterations to get here, but pretty impressive 😮

I used Claude Code with the new Remotion skill to create a teaser for the latest Laravel release. The voice is from , and I didn’t code or edit anything myself. It took a few iterations to get here, but pretty impressive 😮

Christoph Rumpel 🤠

26,562 views • 5 months ago

Claude Code for Video Animations? Building an app with an agent that can create and edit animated videos... In 4 prompts. This was my first test of remotion, i'm going to see how good i can get the Claude Agent SDK at making animated videos.

Claude Code for Video Animations? Building an app with an agent that can create and edit animated videos... In 4 prompts. This was my first test of remotion, i'm going to see how good i can get the Claude Agent SDK at making animated videos.

Riley Brown

95,109 views • 5 months ago

Just made this with Remotion Took only 20 hours with Claude Code

Just made this with Remotion Took only 20 hours with Claude Code

Tempo (YC S23)

18,909 views • 5 months ago

Claude code just made this whole video using remotion One shot wtf

Claude code just made this whole video using remotion One shot wtf

Jason Zhou

200,493 views • 11 months ago

We've just shipped a new Visual Studio Code release! 🚀 This week's highlights: 🤖 Share integrated browser tabs as context 📝 New Markdown preview experience …and much more!

We've just shipped a new Visual Studio Code release! 🚀 This week's highlights: 🤖 Share integrated browser tabs as context 📝 New Markdown preview experience …and much more!

Visual Studio Code

195,981 views • 2 months ago

Onboarding card – built and animated with Claude Code

Onboarding card – built and animated with Claude Code

Kevin

25,479 views • 27 days ago

Moved away from react-markdown to streamdown and although its not perfect, its so much better. Improved formatting and nice interactive code blocks with zero effort.

Moved away from react-markdown to streamdown and although its not perfect, its so much better. Improved formatting and nice interactive code blocks with zero effort.

Houssein Djirdeh

87,489 views • 6 months ago

My first blog post: Creating a PDF Dropper by Injecting Malicious JavaScript into a PDF with a Cobalt Strike Payload For the source code and PoC, check out my blog post:👇

My first blog post: Creating a PDF Dropper by Injecting Malicious JavaScript into a PDF with a Cobalt Strike Payload For the source code and PoC, check out my blog post:👇

0x6rss

76,989 views • 1 year ago

Inspired by this tweet, I built my own locally running typing assistant with Ollama and Mistral 7B. It only took ~100 lines of Python code and works really well! I also created a video with step-by-step explanations: - Code: - Blog post: - Coding tutorial:

Inspired by this tweet, I built my own locally running typing assistant with Ollama and Mistral 7B. It only took ~100 lines of Python code and works really well! I also created a video with step-by-step explanations: - Code: - Blog post: - Coding tutorial:

Patrick Loeber

161,584 views • 2 years ago

Check this!! An MCP server to control Jupyter notebooks from Claude! It lets you: - Create code cells - Execute code cells - Create markdown cells Completely free to use!

Check this!! An MCP server to control Jupyter notebooks from Claude! It lets you: - Create code cells - Execute code cells - Create markdown cells Completely free to use!

Avi Chawla

56,911 views • 1 year ago

this is incredible remotion + claude code almost one-shotted this full promo video ~30 sec video with animations, transitions, product demos, brand colors, and background music :O

Sandra

307,425 views • 5 months ago

dDocs Markdown Split View👩‍💻 Write and collaborate with e2e encryption in raw markdown, see it rendered instantly w/.. >mermaidJS diagrams >github flavour >tables >code blocks >styling in-line HTML code 🍓One click to split, one to collab. Any files. All private. Sound on!

dDocs Markdown Split View👩‍💻 Write and collaborate with e2e encryption in raw markdown, see it rendered instantly w/.. >mermaidJS diagrams >github flavour >tables >code blocks >styling in-line HTML code 🍓One click to split, one to collab. Any files. All private. Sound on!

Fileverse

13,080 views • 26 days ago

Don’t know how to use Remotion with @Claudeai Code? We got you. This video is fully made with Video Agent. Avatar, script, motion graphics, and the final edits all with one prompt. Try Video Agent for free on HeyGen

Joshua Xu

171,813 views • 5 months ago

The HeyGen avatar skill is available for Claude Code now. I was playing around with Remotion + HeyGen to make a talking video. It works great! Here’s how you can do it: - Install the remotion skill - Install the heygen avatar skill: npx add-skill heygen-com/skills - Set up your HEYGEN_API_KEY (we offer free API credits if you have a HeyGen account) - Start prompting Check out the example video made with HeyGen + Remotion + Claude Code.

Joshua Xu

146,700 views • 5 months ago