Animated Code Blocks Using Shiki Magic Move

Опубликовано: 28 Октябрь 2024
на канале: Joy of Code

10,830

399

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