codehike
code-video-generator
Our great sponsors
| codehike | code-video-generator | |
|---|---|---|
| 8 | 1 | |
| 4,227 | 235 | |
| 1.4% | 3.0% | |
| 6.4 | 5.1 | |
| about 2 months ago | over 2 years ago | |
| TypeScript | Python | |
| MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
codehike
-
GitHub Accelerator: our first cohort and what's next
- https://github.com/code-hike/codehike: Tools for building all types of code walkthroughs: blogs, docs, slides, tutorials, etc.
-
Dark mode with Shiki and Code Hike
Warning: This article refers to versions of Code Hike before 0.8.0. Since version 0.8.0, Code Hike uses lighter instead of Shiki. The approach presented in this article uses shiki's color replacement method, which no longer works with lighter.
- code-hike/codehike: Marvellous code walkthroughs
- Code-hike/codehike: Build first-class code walkthroughs for the web
- Code Hike: write code walkthroughs with MDX
-
Powerful Code Blocks with Code Hike and MDX
Code Hike GitHub Repository
- Build Your Own React
- Scrollycoding – A new way to write code walkthroughs
code-video-generator
-
Scrollycoding – A new way to write code walkthroughs
Related, if you want to create a code walkthrough video, I wrote code-video-generator [1]
It uses Manim [2], an animation library commonly used by Math teachers, and adapted it to code walkthroughs. Just comment code as you do and it generates a video for it. I've been using it to generate visuals for youtube videos [3] with some success.
[1] https://github.com/sleuth-io/code-video-generator
What are some alternatives?
shiki - A beautiful yet powerful syntax highlighter
didact - A DIY guide to build your own React
code-hike-example
remark - markdown processor powered by plugins part of the @unifiedjs collective
mdx-bundler - 🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports!
pypandoc - Thin wrapper for "pandoc" (MIT)
next-mdx-remote - Load mdx content from anywhere through getStaticProps in next.js
scrollytelling - A library for creating Scrollytelling animations, powered by React & GSAP.
extract-md-headings - lightweight heading-text extractor from markdown files
mdx - Markdown for the component era
Nuxt 3 - Old repo of Nuxt 3 framework, now on nuxt/nuxt