JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q49220F
  • License SEE LICENSE IN license.md

Animated syntax highlighter

Package Exports

  • @codemovie/code-movie
  • @codemovie/code-movie/languages/cli
  • @codemovie/code-movie/languages/css
  • @codemovie/code-movie/languages/ecmascript
  • @codemovie/code-movie/languages/elixir
  • @codemovie/code-movie/languages/html
  • @codemovie/code-movie/languages/json
  • @codemovie/code-movie/languages/plaintext
  • @codemovie/code-movie/languages/rust

Readme

@codemovie/code-movie - Declarative animated syntax highlighter

Level up your coding content with easy-to-create animated source code!

Example for React and TypeScript, theme "Monokai light":

Animated code showing React and TypeScript in action

Rust (Rocket framework), theme "Monokai dark":

Rust code using the rocket framework

HTML with embedded CSS and JS, theme "default":

HTML with embedded CSS and JS

Code.Movie automatically turns code snippets into step-by-step animations for the web. Lighting fast, no AI involved, no runtime JavaScript required. Can be rendered into high-quality video. Currently supports JavaScript (with or without JSX), TypeScript (with or without JSX), Elixir, Rust, HTML, CSS and JSON.

🔗 Website | 🎲 Online playground | 💬 Discussion | 🐛 Bugs and feature requests