scrollytelling
codehike
scrollytelling | codehike | |
---|---|---|
1 | 8 | |
1,012 | 4,237 | |
3.4% | 0.9% | |
8.7 | 5.6 | |
3 months ago | 17 days ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
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.
scrollytelling
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
What are some alternatives?
tsParticles - tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
shiki - A beautiful yet powerful syntax highlighter
auto-animate - A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
didact - A DIY guide to build your own React
scrollyteller - A React component for creating scrollyteller stories
code-video-generator - Generates code walkthrough videos using Manim
scrollxp - Alpine.js-esque library for scrolling animations on websites
code-hike-example
react-awesome-reveal - React components to add reveal animations using the Intersection Observer API and CSS Animations.
remark - markdown processor powered by plugins part of the @unifiedjs collective
jaakkokytola.com - My personal website.
mdx-bundler - 🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports!