Published On Apr 12, 2024
Using Shiki Magic Move to animate code blocks.
🔴 Patreon: / joyofcode
𝕏 Twitter: / joyofcodedev
💬 Discord: / discord
🔥 Uses: https://www.joyofcode.xyz/uses
🔗 Animated Code Blocks Using Shiki: https://joyofcode.xyz/animated-code-b...
🔗 Shiki Magic Move: https://shiki-magic-move.netlify.app/
🔗 The Magic In Shiki Magic Move: https://antfu.me/posts/shiki-magic-move
🔗 Playlist: • Animation
🔖 Timestamps
0:00 Intro
2:27 Project Setup
6:11 Creating The Shiki Highlighter
8:35 Shiki Magic Move Component
16:52 Shiki Magic Move Renderer Component
24:00 Shiki Magic Move Options
24:48 Outro
#joyofcode #sveltekit #svelte
show more