Annotative Code | Generated with Stable Diffusion XLAnnotative CodeContact ↗Contact ↗ (opens in a new tab)
GitHubGitHub (opens in a new tab)
  • Introduction
  • Getting Started
    • Installation
    • annotative-code
      • React
      • Svelte
      • Vue
      • Lit
      • Vanilla JavaScript
    • annotative-code-common
    • annotative-code-full
  • Props
    • * languageFn
    • * themeCss
    • * content
    • * annotation
    • onValueChange
    • styleMap
    • encloser
    • annotationMask

On This Page

  • Installation
Question? Give us feedback → (opens in a new tab)Edit this page
Getting Started
Installation

Installation

Terminal
npm i annotative-code

Duh, we are done! This will install the Annotative Code web component, as well as the language functions (opens in a new tab) and themes (opens in a new tab) from highlight.js.

Next, head out to <annotative-code />, <annotative-code-common /> or <annotative-code-full /> for your choice.

Getting Startedannotative-code

Annotative Code | Built with ❤️ by Patrick Chiu