---
title: "From Markdown to Video"
url: https://daily.dev/posts/from-markdown-to-video-vf0chhabr
source_url: https://codehike.org/blog/remotion
type: article
source: "Rodrigo Pombo"
published: 2026-03-31T12:30:15.198Z
updated: 2026-03-31T12:56:26.598Z
tags: ["react", "markdown"]
reading_time: 4
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# From Markdown to Video

**[Rodrigo Pombo](https://daily.dev/sources/pomb)** · 4 min read · 0 upvotes · 0 comments

## Summary

Code Hike v1 now supports custom React components and structured markdown content, enabling integration with Remotion to turn annotated code walkthroughs into videos. The workflow involves parsing markdown with Code Hike's parseRoot, mapping steps to Remotion Sequence components, adding annotated codeblocks, and using token transition utilities for smooth animated transitions between code states. Annotations can be animated using Remotion hooks like interpolateColors for fade-in effects, with parametrizable timing via annotation queries.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://codehike.org/blog/remotion>

---

Tags: [#react](https://daily.dev/tags/react), [#markdown](https://daily.dev/tags/markdown)

[View this post on daily.dev](https://daily.dev/posts/from-markdown-to-video-vf0chhabr)